create-packer 1.46.4 → 1.47.0

package/template/web-app/vue-rsbuild/domain/components/app.vue

@@ -1,18 +1,18 @@
-<template>
-    <router-view />
-</template>
-
-<script setup lang="ts">
-import { router, routerNames } from '@/domain/router'
-
-router.beforeEach(async to => {
-    if (!Object.values(routerNames).includes(to.name as string)) {
-        return {
-            replace: true,
-            name: routerNames.notFound
-        }
-    }
-})
-</script>
-
-<style scoped></style>
+<template>
+    <router-view />
+</template>
+
+<script setup lang="ts">
+import { router, routerNames } from '@/domain/router'
+
+router.beforeEach(async to => {
+    if (!Object.values(routerNames).includes(to.name as string)) {
+        return {
+            replace: true,
+            name: routerNames.notFound
+        }
+    }
+})
+</script>
+
+<style scoped></style>

package/template/web-app/vue-rsbuild/domain/components/createComponentInstance.ts

@@ -1,43 +1,43 @@
-import { createVNode, render, VNodeChild } from 'vue'
-import app from './app'
-
-const store = new Map()
-
-function reset(oldObj: Record<string, any>, newObj: Record<string, any>) {
-    Object.keys(oldObj).forEach(k => {
-        oldObj[k] = void 0
-    })
-    Object.assign(oldObj, newObj)
-}
-
-export function createComponentInstance<
-    P extends Record<string, any>,
-    E extends Record<string, any>,
-    Slots extends Record<string, () => VNodeChild> = Record<string, () => VNodeChild>
->(name: string, component: any, props?: P, slots?: Slots) {
-    let vNode = store.get(name)
-    function updateProps(props: Partial<P>) {
-        reset(vNode.component.props, props)
-    }
-
-    function updateSlots(slots: Partial<Record<string, () => VNodeChild>>) {
-        reset(vNode.component.slots, slots)
-    }
-
-    if (!vNode) {
-        const container = document.createElement('div')
-        vNode = createVNode(component, props, slots)
-        vNode.appContext = app._context || {}
-        store.set(name, vNode)
-        render(vNode, container)
-    } else {
-        updateProps(props || {})
-        updateSlots(slots || {})
-    }
-    return {
-        instance: vNode,
-        updateProps,
-        updateSlots,
-        ...(vNode.component?.exposed as E)
-    }
-}
+import { createVNode, render, VNodeChild } from 'vue'
+import app from './app'
+
+const store = new Map()
+
+function reset(oldObj: Record<string, any>, newObj: Record<string, any>) {
+    Object.keys(oldObj).forEach(k => {
+        oldObj[k] = void 0
+    })
+    Object.assign(oldObj, newObj)
+}
+
+export function createComponentInstance<
+    P extends Record<string, any>,
+    E extends Record<string, any>,
+    Slots extends Record<string, () => VNodeChild> = Record<string, () => VNodeChild>
+>(name: string, component: any, props?: P, slots?: Slots) {
+    let vNode = store.get(name)
+    function updateProps(props: Partial<P>) {
+        reset(vNode.component.props, props)
+    }
+
+    function updateSlots(slots: Partial<Record<string, () => VNodeChild>>) {
+        reset(vNode.component.slots, slots)
+    }
+
+    if (!vNode) {
+        const container = document.createElement('div')
+        vNode = createVNode(component, props, slots)
+        vNode.appContext = app._context || {}
+        store.set(name, vNode)
+        render(vNode, container)
+    } else {
+        updateProps(props || {})
+        updateSlots(slots || {})
+    }
+    return {
+        instance: vNode,
+        updateProps,
+        updateSlots,
+        ...(vNode.component?.exposed as E)
+    }
+}

package/template/web-app/vue-rsbuild/domain/components/index.ts

@@ -1,2 +1,2 @@
-export { default as App } from './app.vue'
-export * from './createComponentInstance'
+export { default as App } from './app.vue'
+export * from './createComponentInstance'

package/template/web-app/vue-rsbuild/domain/router/home/index.ts

@@ -1,2 +1,2 @@
-export { default as names } from './names'
-export { default as routes } from './routes'
+export { default as names } from './names'
+export { default as routes } from './routes'

package/template/web-app/vue-rsbuild/domain/router/home/names.ts

@@ -1,3 +1,3 @@
-export default {
-    home: 'home'
-}
+export default {
+    home: 'home'
+}

package/template/web-app/vue-rsbuild/domain/router/home/routes.ts

@@ -1,8 +1,8 @@
-import { RouteRecordRaw } from 'vue-router'
-import names from './names'
-
-const routes: RouteRecordRaw[] = [
-    { path: '/home', name: names.home, component: () => import('@/pages/home') }
-]
-
-export default routes
+import { RouteRecordRaw } from 'vue-router'
+import names from './names'
+
+const routes: RouteRecordRaw[] = [
+    { path: '/home', name: names.home, component: () => import('@/pages/home') }
+]
+
+export default routes

package/template/web-app/vue-rsbuild/domain/router/index.ts

@@ -1,26 +1,26 @@
-import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
-import names from './names'
-import * as homeRouter from './home'
-
-const routes: RouteRecordRaw[] = [
-    {
-        path: '/',
-        component: () => import('@/pages'),
-        redirect: { name: names.home },
-        children: [
-            ...homeRouter.routes,
-            {
-                path: '/404',
-                name: names.notFound,
-                component: () => import('@/pages/not-found.vue')
-            }
-        ]
-    }
-]
-
-export { default as routerNames } from './names'
-
-export const router = createRouter({
-    history: createWebHistory(import.meta.env.PUBLIC_BASE_URL),
-    routes
-})
+import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
+import names from './names'
+import * as homeRouter from './home'
+
+const routes: RouteRecordRaw[] = [
+    {
+        path: '/',
+        component: () => import('@/pages'),
+        redirect: { name: names.home },
+        children: [
+            ...homeRouter.routes,
+            {
+                path: '/404',
+                name: names.notFound,
+                component: () => import('@/pages/not-found.vue')
+            }
+        ]
+    }
+]
+
+export { default as routerNames } from './names'
+
+export const router = createRouter({
+    history: createWebHistory(import.meta.env.PUBLIC_BASE_URL),
+    routes
+})

package/template/web-app/vue-rsbuild/domain/router/names.ts

@@ -1,5 +1,5 @@
-import * as homeRouter from './home'
-export default {
-    ...homeRouter.names,
-    notFound: '404'
-}
+import * as homeRouter from './home'
+export default {
+    ...homeRouter.names,
+    notFound: '404'
+}

package/template/web-app/vue-rsbuild/env.d.ts

@@ -1,18 +1,18 @@
-/// <reference types="@rsbuild/core/types" />
-
-declare module '*.vue' {
-    import { type DefineComponent } from 'vue'
-    const component: DefineComponent<Record<string, any>, Record<string, any>, any>
-    export default component
-}
-
-interface ImportMetaEnv {
-    readonly PUBLIC_BASE_URL: string
-    readonly PUBLIC_API_HOST: string
-    readonly PUBLIC_ENV_MODE: 'production' | 'development'
-    // 更多环境变量...
-}
-
-interface ImportMeta {
-    readonly env: ImportMetaEnv
-}
+/// <reference types="@rsbuild/core/types" />
+
+declare module '*.vue' {
+    import { type DefineComponent } from 'vue'
+    const component: DefineComponent<Record<string, any>, Record<string, any>, any>
+    export default component
+}
+
+interface ImportMetaEnv {
+    readonly PUBLIC_BASE_URL: string
+    readonly PUBLIC_API_HOST: string
+    readonly PUBLIC_ENV_MODE: 'production' | 'development'
+    // 更多环境变量...
+}
+
+interface ImportMeta {
+    readonly env: ImportMetaEnv
+}

package/template/web-app/vue-rsbuild/eslint.config.js

@@ -1,114 +1,114 @@
-import eslint from '@eslint/js'
-import globals from 'globals'
-import tseslint from 'typescript-eslint'
-import importPlugin from 'eslint-plugin-import'
-import pluginVue from 'eslint-plugin-vue'
-
-const scriptExtensions = ['js', 'jsx', 'mjs', 'cjs', 'ts', 'tsx']
-const files = [...scriptExtensions.map(ext => `**/*.${ext}`), '**/*.vue']
-
-export default tseslint.config([
-    { ignores: ['**/node_modules/', 'dist/', '.history/', '.vscode'] },
-    eslint.configs.recommended,
-    importPlugin.flatConfigs.recommended,
-    tseslint.configs.recommended,
-    pluginVue.configs['flat/recommended'],
-    {
-        files,
-        languageOptions: {
-            ecmaVersion: 2018,
-            sourceType: 'module',
-            parserOptions: {
-                ecmaFeatures: {
-                    jsx: true
-                },
-                useJSXTextNode: true,
-                parser: tseslint.parser
-            },
-            globals: {
-                ...globals.browser,
-                ...globals.node
-            }
-        },
-        settings: {
-            'import/resolver': {
-                typescript: true,
-                node: true
-            }
-        },
-        rules: {
-            'import/export': 'off',
-            'import/namespace': 'off',
-            'import/default': 'off',
-            'import/consistent-type-specifier-style': ['error', 'prefer-inline'],
-            'import/no-duplicates': ['error', { 'prefer-inline': true }],
-            'import/no-named-as-default-member': 'off',
-            'import/no-named-as-default': 'off',
-            'import/order': [
-                'error',
-                {
-                    groups: [
-                        'builtin',
-                        'external',
-                        'internal',
-                        'parent',
-                        'sibling',
-                        'index',
-                        'object',
-                        'type'
-                    ],
-                    pathGroups: [
-                        { pattern: 'vue', group: 'external', position: 'before' },
-                        { pattern: 'vue-router', group: 'external', position: 'before' }
-                    ],
-                    pathGroupsExcludedImportTypes: ['builtin']
-                }
-            ],
-            'no-case-declarations': 'off',
-            '@typescript-eslint/no-unused-expressions': 'off',
-            '@typescript-eslint/no-empty-object-type': 'off',
-            '@typescript-eslint/no-var-requires': 0,
-            '@typescript-eslint/explicit-function-return-type': 'off',
-            '@typescript-eslint/no-explicit-any': 0,
-            '@typescript-eslint/no-non-null-assertion': 'off',
-            '@typescript-eslint/no-inferrable-types': [
-                'warn',
-                {
-                    ignoreParameters: true
-                }
-            ],
-            '@typescript-eslint/no-unused-vars': [
-                'warn',
-                {
-                    argsIgnorePattern: '^_'
-                }
-            ],
-            '@typescript-eslint/member-delimiter-style': 0,
-            '@typescript-eslint/class-name-casing': 0,
-            '@typescript-eslint/explicit-module-boundary-types': 'off',
-            '@typescript-eslint/ban-ts-comment': 'off',
-            '@typescript-eslint/no-empty-interface': 'off',
-            '@typescript-eslint/triple-slash-reference': 'off',
-            'vue/multi-word-component-names': 0,
-            'vue/html-indent': ['error', 4],
-            'vue/require-default-prop': 'off',
-            'vue/one-component-per-file': 'off',
-            'vue/no-dupe-keys': 'off',
-            'vue/html-self-closing': [
-                'error',
-                {
-                    html: {
-                        void: 'always',
-                        normal: 'always',
-                        component: 'always'
-                    },
-                    svg: 'always',
-                    math: 'always'
-                }
-            ],
-            'vue/max-attributes-per-line': 'off',
-            'vue/singleline-html-element-content-newline': 'off',
-            'no-constant-condition': 'off'
-        }
-    }
-])
+import eslint from '@eslint/js'
+import globals from 'globals'
+import tseslint from 'typescript-eslint'
+import importPlugin from 'eslint-plugin-import'
+import pluginVue from 'eslint-plugin-vue'
+
+const scriptExtensions = ['js', 'jsx', 'mjs', 'cjs', 'ts', 'tsx']
+const files = [...scriptExtensions.map(ext => `**/*.${ext}`), '**/*.vue']
+
+export default tseslint.config([
+    { ignores: ['**/node_modules/', 'dist/', '.history/', '.vscode'] },
+    eslint.configs.recommended,
+    importPlugin.flatConfigs.recommended,
+    tseslint.configs.recommended,
+    pluginVue.configs['flat/recommended'],
+    {
+        files,
+        languageOptions: {
+            ecmaVersion: 2018,
+            sourceType: 'module',
+            parserOptions: {
+                ecmaFeatures: {
+                    jsx: true
+                },
+                useJSXTextNode: true,
+                parser: tseslint.parser
+            },
+            globals: {
+                ...globals.browser,
+                ...globals.node
+            }
+        },
+        settings: {
+            'import/resolver': {
+                typescript: true,
+                node: true
+            }
+        },
+        rules: {
+            'import/export': 'off',
+            'import/namespace': 'off',
+            'import/default': 'off',
+            'import/consistent-type-specifier-style': ['error', 'prefer-inline'],
+            'import/no-duplicates': ['error', { 'prefer-inline': true }],
+            'import/no-named-as-default-member': 'off',
+            'import/no-named-as-default': 'off',
+            'import/order': [
+                'error',
+                {
+                    groups: [
+                        'builtin',
+                        'external',
+                        'internal',
+                        'parent',
+                        'sibling',
+                        'index',
+                        'object',
+                        'type'
+                    ],
+                    pathGroups: [
+                        { pattern: 'vue', group: 'external', position: 'before' },
+                        { pattern: 'vue-router', group: 'external', position: 'before' }
+                    ],
+                    pathGroupsExcludedImportTypes: ['builtin']
+                }
+            ],
+            'no-case-declarations': 'off',
+            '@typescript-eslint/no-unused-expressions': 'off',
+            '@typescript-eslint/no-empty-object-type': 'off',
+            '@typescript-eslint/no-var-requires': 0,
+            '@typescript-eslint/explicit-function-return-type': 'off',
+            '@typescript-eslint/no-explicit-any': 0,
+            '@typescript-eslint/no-non-null-assertion': 'off',
+            '@typescript-eslint/no-inferrable-types': [
+                'warn',
+                {
+                    ignoreParameters: true
+                }
+            ],
+            '@typescript-eslint/no-unused-vars': [
+                'warn',
+                {
+                    argsIgnorePattern: '^_'
+                }
+            ],
+            '@typescript-eslint/member-delimiter-style': 0,
+            '@typescript-eslint/class-name-casing': 0,
+            '@typescript-eslint/explicit-module-boundary-types': 'off',
+            '@typescript-eslint/ban-ts-comment': 'off',
+            '@typescript-eslint/no-empty-interface': 'off',
+            '@typescript-eslint/triple-slash-reference': 'off',
+            'vue/multi-word-component-names': 0,
+            'vue/html-indent': ['error', 4],
+            'vue/require-default-prop': 'off',
+            'vue/one-component-per-file': 'off',
+            'vue/no-dupe-keys': 'off',
+            'vue/html-self-closing': [
+                'error',
+                {
+                    html: {
+                        void: 'always',
+                        normal: 'always',
+                        component: 'always'
+                    },
+                    svg: 'always',
+                    math: 'always'
+                }
+            ],
+            'vue/max-attributes-per-line': 'off',
+            'vue/singleline-html-element-content-newline': 'off',
+            'no-constant-condition': 'off'
+        }
+    }
+])

package/template/web-app/vue-rsbuild/main.css

@@ -1,4 +1,4 @@
-@layer theme, base, components, utilities;
-@import "tailwindcss/theme.css" prefix(tw) layer(theme);
-@import "tailwindcss/utilities.css" layer(utilities);
-
+@layer theme, base, components, utilities;
+@import "tailwindcss/theme.css" prefix(tw) layer(theme);
+@import "tailwindcss/utilities.css" layer(utilities);
+

package/template/web-app/vue-rsbuild/main.ts

@@ -1,7 +1,7 @@
-import { createApp } from 'vue'
-import { createPinia } from 'pinia'
-import { router } from '@/domain/router'
-import { App } from '@/domain/components'
-import './main.css'
-
-createApp(App).use(createPinia()).use(router).mount('#app')
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import { router } from '@/domain/router'
+import { App } from '@/domain/components'
+import './main.css'
+
+createApp(App).use(createPinia()).use(router).mount('#app')