English | 简体中文

Zova

Zova is a vue3 framework with ioc container, empowers developers to build fast, reliable applications

With UI libraries

Zova can be used with any UI library and comes with built-in project templates for several UI libraries, making it easy to use out of the box, including:

• antdv
• element-plus
• quasar
• vuetify
• empty： Other UI libraries can be used based on this empty template

Demo online

• vue3 + ts + tsx + tailwindcss + daisyui

Documentation

• Get Started
• Why Vue3+IOC?

Features

• SSR: Built-in out-of-the-box SSR solution, supporting both front-end applications and admin management systems
• Modularization: The basis for building large business systems
• IOC: The basis for business abstraction and modeling
• Module Scope: Access strategy based on dependency lookup
• Route Query: Routes with TS types
• Mock: More convenient Mock Mechanism
• Icon: UI library-independent icon engine
• CSS-in-JS: Style & Theme: More flexible style engine based on TypeStyle
• Model: Unified Data Source: Data management strategy based on Tanstack Query
• Env: Env file loading strategy based on multi-dimensional variables

How to do

$ npm run init
$ cd ./zova-dev
$ npm run dev

How to do: ui-antdv

$ cd zova-ui-antdv
$ pnpm install
$ npm run dev

How to do: ui-element

$ cd zova-ui-element
$ pnpm install
$ npm run dev

How to do: ui-quasar

$ cd zova-ui-quasar
$ pnpm install
$ npm run dev

How to do: ui-vuetify

$ cd zova-ui-vuetify
$ pnpm install
$ npm run dev

How to do: ui-empty

$ cd zova-ui-empty
$ pnpm install
$ npm run dev

Stay In Touch

• Twitter
• Wechat

Thanks

• Thanks to Angular that ioc container of Zova was in part inspired by Angular
• Thanks to Vue that Vue provides a very powerful reactive system and ecosystem. Without the support of these ecosystems, Zova would be difficult to implement

License

MIT

Copyright (c) 2016-present, Zova