create-packer 1.11.2 → 1.11.4

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "create-packer",
-    "version": "1.11.2",
+    "version": "1.11.4",
     "main": "index.js",
     "repository": "https://github.com/kevily/create-packer",
     "author": "1k <bug_zero@163.com>",

package/template/react/src/app.store.ts

@@ -1,8 +1,8 @@
-import create from 'zustand'
-import { combine } from 'zustand/middleware'
+import { defineStore } from '@/providers'
 
-export const useApp = create(
-    combine({}, setState => {
+export const useApp = defineStore({
+    state: () => ({}),
+    actions: () => {
         return {}
-    })
-)
+    }
+})

package/template/react/src/providers/defineStore.ts

@@ -0,0 +1,22 @@
+import { StateCreator } from 'zustand/vanilla'
+import create from 'zustand'
+import { combine } from 'zustand/middleware'
+
+export interface defineStoreOptionsType<S extends object, A extends object> {
+    state: () => S
+    actions?: StateCreator<{ state: S }, [], [], A>
+}
+export function defineStore<S extends object, U extends object>(
+    options: defineStoreOptionsType<S, U>
+) {
+    return create(
+        combine({ state: options.state() }, (setState, getState, store, $$storeMutations) => {
+            return {
+                reset() {
+                    setState(() => options.state(), true)
+                },
+                ...(options.actions?.(setState, getState, store, $$storeMutations) || {})
+            }
+        })
+    )
+}

package/template/react/src/providers/index.ts

@@ -0,0 +1 @@
+export * from './defineStore'

package/template/react/src/router/index.ts

@@ -1,2 +1,2 @@
 export { default } from './router.container'
-export { default as routePaths } from './paths'
+export { default as routePaths } from '././router.paths'

package/template/react/src/router/{routes.tsx → router.config.tsx}

@@ -1,12 +1,12 @@
 import { lazy } from 'react'
 import { RouteObject } from 'react-router-dom'
-import paths from './paths'
+import paths from './router.paths'
 import Layout from '@/layout'
 import Home from '@/pages/home'
 
 const NotFound = lazy(() => import('@/pages/notFound'))
 
-const routes: RouteObject[] = [
+const routerConfig: RouteObject[] = [
     {
         path: paths.root,
         element: <Layout />,
@@ -23,4 +23,4 @@ const routes: RouteObject[] = [
     }
 ]
 
-export default routes
+export default routerConfig

package/template/react/src/router/router.container.tsx

@@ -1,6 +1,6 @@
 import { useRoutes } from 'react-router-dom'
-import routes from './routes'
+import routerConfig from './router.config'
 
 export default function Route() {
-    return useRoutes(routes)
+    return useRoutes(routerConfig)
 }

package/template/vue/src/main.ts

@@ -1,6 +1,6 @@
 import app from './app'
 import { createPinia } from 'pinia'
-import router from '@/routes'
+import router from '@/router'
 import './style.css'
 
 app.use(createPinia()).use(router).mount('#app')

package/template/vue/src/{routes → router}/index.ts

@@ -1,9 +1,8 @@
 import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
-import names from './names'
-import Home from '@/pages/Home'
+import names from './router.names'
 
 const routes: (RouteRecordRaw & { name: string })[] = [
-    { path: '/', name: names.home, component: Home },
+    { path: '/', name: names.home, component: () => import('@/pages/home') },
     { path: '/404', name: names.notFound, component: () => import('@/pages/notFound') }
 ]
 const router = createRouter({