feats

package.json

     "serve": "vite preview"
   },
   "dependencies": {
+    "@zjxpcyc/vue-tiny-store": "^1.0.0",
     "axios": "^0.21.1",
     "element-plus": "^1.0.2-beta.32",
     "md5": "^2.3.0",

src/App.vue

 </template>
 
 <script>
-import store from '@/store'
-import { inject, provide } from 'vue'
+// import store from '@/store'
+// import { inject, provide } from 'vue'
 
 export default {
   setup (props) {
-    store.setup()
+    // store.setup()
     return {}
   }
 }

src/components/PageHeader/index.vue

 
 <script>
 import { onMounted, onUpdated, watch } from 'vue'
-import { useModel } from '@/store'
+import { useModel } from '@zjxpcyc/vue-tiny-store'
 
 export default {
   props: {

src/layouts/UserLayout/components/Menu.vue

 <script>
-import { useModel } from '@/store'
-import { menus } from '@/router/routes'
 import { computed, h, resolveComponent } from 'vue'
+import { useModel } from '@zjxpcyc/vue-tiny-store'
+import { menus } from '@/router/routes'
 
 const getAuthMenu = (menuList, authList) => menuList.reduce((acc, menu) => {
   const exists = authList.filter(x => x.code === menu.route.name)[0]

src/layouts/UserLayout/components/Menu/index.vue

 
 <script>
 import { computed } from 'vue'
-import { useModel } from '@/store'
+import { useModel } from '@zjxpcyc/vue-tiny-store'
 import { menus } from '@/router/routes'
 import SubMenu from './SubMenu.vue'
 import MenuItem from './MenuItem.vue'

src/layouts/UserLayout/components/PageHeader.vue

 <script>
 import { watchEffect } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { useModel } from '@/store'
+import { useModel } from '@zjxpcyc/vue-tiny-store'
 
 export default {
 

src/layouts/UserLayout/components/User.vue

 <script>
 import { computed } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import store from '@/store'
-
-const { useModel } = store
+import { useModel } from '@zjxpcyc/vue-tiny-store'
 
 export default {
   setup(props) {

src/layouts/UserLayout/index.vue

 import { computed } from 'vue'
 import { useRoute } from 'vue-router'
 import { breads } from '@/router/routes'
-import { useModel } from '@/store'
+import { useModel } from '@zjxpcyc/vue-tiny-store'
 import Header from './components/Header.vue'
 import Footer from './components/Footer.vue'
 import Menu from './components/Menu/index.vue'

src/main.js

 import QueryTable from '@/components/QueryTable/index.vue'
 import App from './App.vue'
 import router from './router'
+import store from './store'
 
 const app = createApp(App)
 
 app.component('query-table', QueryTable)
 
 app.use(router)
+app.use(store)
 app.use(ElementPlus)
 app.mount('#app')

src/store/index.js

-import createStore from '@/utils/store'
+// import createStore from '@/utils/store'
+import createStore from '@zjxpcyc/vue-tiny-store'
 import user from './models/user'
 import system from './models/system'
 import pageHeader from './models/pageHeader'
 
 const initialState = {
-  user: user(),
-  system: system(),
-  pageHeader: pageHeader(),
+  user,
+  system,
+  pageHeader,
 }
 
 const store = createStore(initialState)
 const { 
   addModel,
-  useModel,
   getState,
 } = store
 
 export {
   addModel,
-  useModel,
   getState,
 }
 

src/views/Dashboard/index.vue

 </template>
 
 <script>
-import { useModel } from '@/store'
+import { useModel } from '@zjxpcyc/vue-tiny-store'
 import { onMounted } from 'vue'
 
 export default {

src/views/Login/index.vue

 import { computed, reactive, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import md5 from 'md5'
-import store from '@/store'
-
-const { useModel } = store
+import { useModel } from '@zjxpcyc/vue-tiny-store'
 
 export default {
   setup(props) {

src/views/User/Edit.vue

 import { onMounted, onUpdated, reactive, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { ElNotification } from 'element-plus'
-import { useModel } from '@/store'
+import { useModel } from '@zjxpcyc/vue-tiny-store'
 
 const defaultAvatars = new Array(12).fill('*').map((_, inx) => `https://zhiyun-image.oss-cn-shanghai.aliyuncs.com/common/images/avatar/${inx+1}.png`)
 

src/views/User/index.vue

 import request from '@/utils/request'
 import service from '@/service'
 import Pagination from '@/components/Pagination/index.vue'
-// import { useModel } from '@/store'
+// import { useModel } from '@zjxpcyc/vue-tiny-store'
 
 const getUserList = params => request({
   ...service.user.list,

yarn.lock

   resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.7.tgz#96d52988efc07444c108c7c6803ba7cc93e40045"
   integrity sha1-ltUpiO/AdETBCMfGgDunzJPkAEU=
 
+"@zjxpcyc/vue-tiny-store@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/@zjxpcyc/vue-tiny-store/download/@zjxpcyc/vue-tiny-store-1.0.0.tgz#359f4cb972b7f287c38af2bd3f252021dd91252c"
+  integrity sha1-NZ9MuXK38ofDivK9PyUgId2RJSw=
+
 async-validator@^3.4.0:
   version "3.5.1"
   resolved "https://registry.npm.taobao.org/async-validator/download/async-validator-3.5.1.tgz#cd62b9688b2465f48420e27adb47760ab1b5559f"