create-packer 1.46.4 → 1.47.1

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

@@ -1,123 +1,123 @@
-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',
-            'vite.config.ts.*',
-            'mockUtils.ts'
-        ]
-    },
-    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',
+            'vite.config.ts.*',
+            'mockUtils.ts'
+        ]
+    },
+    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/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/main.ts

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

package/template/web-app/vue/mockUtils.ts

@@ -1,6 +1,6 @@
-import path from 'node:path'
-import { createDefineMock } from 'vite-plugin-mock-dev-server'
-
-export const defineMock = createDefineMock(mock => {
-    mock.url = path.join(import.meta.env.VITE_BASE_URL + import.meta.env.VITE_API_HOST, mock.url)
-})
+import path from 'node:path'
+import { createDefineMock } from 'vite-plugin-mock-dev-server'
+
+export const defineMock = createDefineMock(mock => {
+    mock.url = path.join(import.meta.env.VITE_BASE_URL + import.meta.env.VITE_API_HOST, mock.url)
+})

package/template/web-app/vue/package.json

@@ -1,71 +1,71 @@
-{
-    "name": "vue-vite",
-    "private": true,
-    "version": "0.0.0",
-    "type": "module",
-    "scripts": {
-        "prepare": "husky",
-        "dev": "vite",
-        "build": "vue-tsc --noEmit && vite build",
-        "build:analyse": "tsc --noEmit && vite build --mode analyse",
-        "preview": "vite preview",
-        "format": "prettier --write \"**/*.{vue,ts,js,tsx,jsx,json,css,scss,less}\"",
-        "lint": "vue-tsc --noEmit && eslint --no-error-on-unmatched-pattern && stylelint **/*.{css,scss,less,vue}",
-        "lint:fix": "eslint --fix && stylelint **/*.{css,scss,less,vue} --fix",
-        "cz": "cz",
-        "push": "npm run commit && git push",
-        "commit": "git add . && npm run cz",
-        "up:vite": "pnpm up vite @vitejs/* vite-plugin-* -L",
-        "up:vue": "pnpm up vue vue-router vue-tsc -L"
-    },
-    "dependencies": {
-        "axios": "1.7.9",
-        "es-toolkit": "1.39.8",
-        "pinia": "3.0.3",
-        "tailwindcss": "4.1.4",
-        "type-fest": "4.33.0",
-        "vue": "3.5.20",
-        "vue-router": "4.5.1"
-    },
-    "devDependencies": {
-        "@commitlint/cli": "17.6.1",
-        "@commitlint/config-conventional": "17.6.1",
-        "@commitlint/cz-commitlint": "17.5.0",
-        "@eslint/js": "9.15.0",
-        "@faker-js/faker": "8.4.1",
-        "@tailwindcss/vite": "4.1.4",
-        "@types/mockjs": "1.0.10",
-        "@vitejs/plugin-vue": "6.0.1",
-        "@vitejs/plugin-vue-jsx": "5.0.1",
-        "autoprefixer": "10.4.14",
-        "commitizen": "4.3.0",
-        "cssnano": "6.0.0",
-        "eslint": "9.17.0",
-        "eslint-import-resolver-typescript": "3.7.0",
-        "eslint-plugin-import": "2.31.0",
-        "eslint-plugin-vue": "9.32.0",
-        "globals": "15.12.0",
-        "husky": "9.1.6",
-        "inquirer": "8.1.2",
-        "postcss": "8.4.38",
-        "postcss-html": "1.8.0",
-        "postcss-import": "16.1.0",
-        "postcss-nesting": "12.1.1",
-        "prettier": "3.2.5",
-        "rollup-plugin-visualizer": "5.12.0",
-        "stylelint": "16.10.0",
-        "stylelint-config-standard-scss": "13.1.0",
-        "typescript": "5.8.2",
-        "typescript-eslint": "8.15.0",
-        "vite": "7.1.3",
-        "vite-plugin-checker": "0.10.2",
-        "vite-plugin-mock-dev-server": "1.9.3",
-        "vite-svg-loader": "5.1.0",
-        "vue-tsc": "3.0.6"
-    },
-    "config": {
-        "commitizen": {
-            "path": "@commitlint/cz-commitlint"
-        }
-    }
-}
+{
+    "name": "vue-vite",
+    "private": true,
+    "version": "0.0.0",
+    "type": "module",
+    "scripts": {
+        "prepare": "husky",
+        "dev": "vite",
+        "build": "vue-tsc --noEmit && vite build",
+        "build:analyse": "tsc --noEmit && vite build --mode analyse",
+        "preview": "vite preview",
+        "format": "prettier --write \"**/*.{vue,ts,js,tsx,jsx,json,css,scss,less}\"",
+        "lint": "vue-tsc --noEmit && eslint --no-error-on-unmatched-pattern && stylelint **/*.{css,scss,less,vue}",
+        "lint:fix": "eslint --fix && stylelint **/*.{css,scss,less,vue} --fix",
+        "cz": "cz",
+        "push": "npm run commit && git push",
+        "commit": "git add . && npm run cz",
+        "up:vite": "pnpm up vite @vitejs/* vite-plugin-* -L",
+        "up:vue": "pnpm up vue vue-router vue-tsc -L"
+    },
+    "dependencies": {
+        "axios": "1.7.9",
+        "es-toolkit": "1.43.0",
+        "pinia": "3.0.3",
+        "tailwindcss": "4.1.4",
+        "type-fest": "4.33.0",
+        "vue": "3.5.20",
+        "vue-router": "4.5.1"
+    },
+    "devDependencies": {
+        "@commitlint/cli": "17.6.1",
+        "@commitlint/config-conventional": "17.6.1",
+        "@commitlint/cz-commitlint": "17.5.0",
+        "@eslint/js": "9.15.0",
+        "@faker-js/faker": "8.4.1",
+        "@tailwindcss/vite": "4.1.4",
+        "@types/mockjs": "1.0.10",
+        "@vitejs/plugin-vue": "6.0.3",
+        "@vitejs/plugin-vue-jsx": "5.1.3",
+        "autoprefixer": "10.4.14",
+        "commitizen": "4.3.0",
+        "cssnano": "6.0.0",
+        "eslint": "9.17.0",
+        "eslint-import-resolver-typescript": "3.7.0",
+        "eslint-plugin-import": "2.31.0",
+        "eslint-plugin-vue": "9.32.0",
+        "globals": "15.12.0",
+        "husky": "9.1.6",
+        "inquirer": "8.1.2",
+        "postcss": "8.4.38",
+        "postcss-html": "1.8.0",
+        "postcss-import": "16.1.0",
+        "postcss-nesting": "12.1.1",
+        "prettier": "3.2.5",
+        "rollup-plugin-visualizer": "5.12.0",
+        "stylelint": "16.10.0",
+        "stylelint-config-standard-scss": "13.1.0",
+        "typescript": "5.8.2",
+        "typescript-eslint": "8.15.0",
+        "vite": "7.3.0",
+        "vite-plugin-checker": "0.12.0",
+        "vite-plugin-mock-dev-server": "2.0.7",
+        "vite-svg-loader": "5.1.0",
+        "vue-tsc": "3.0.6"
+    },
+    "config": {
+        "commitizen": {
+            "path": "@commitlint/cz-commitlint"
+        }
+    }
+}

package/template/web-app/vue/pages/home/view.vue

@@ -1,16 +1,18 @@
-<script setup lang="ts">
-import { fetchHomeData } from '@/shared/service'
-
-const data = fetchHomeData()
-console.log('data', data)
-</script>
-
-<template>
-    <div class="root">Home</div>
-</template>
-
-<style scoped>
-.root {
-    @apply tw:flex tw:items-center tw:justify-center;
-}
-</style>
+<script setup lang="ts">
+import { fetchHomeData } from '@/shared/service'
+
+const data = fetchHomeData()
+console.log('data', data)
+</script>
+
+<template>
+    <div class="root">Home</div>
+</template>
+
+<style scoped>
+@reference "@/main.css";
+
+.root {
+    @apply tw:flex tw:items-center tw:justify-center;
+}
+</style>

package/template/web-app/vue/pages/index.ts

@@ -1 +1 @@
-export { default } from './index.vue'
+export { default } from './index.vue'

package/template/web-app/vue/pages/index.vue

@@ -1,3 +1,3 @@
-<template>
-    <div><router-view /></div>
-</template>
+<template>
+    <div><router-view /></div>
+</template>

package/template/web-app/vue/pages/not-found.vue

@@ -1,3 +1,3 @@
-<template>
-    <div>404</div>
-</template>
+<template>
+    <div>404</div>
+</template>

package/template/web-app/vue/postcss.config.cjs

@@ -1,8 +1,8 @@
-module.exports = {
-    plugins: {
-        'postcss-import': {},
-        'postcss-nesting': {},
-        autoprefixer: {},
-        ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
-    }
-}
+module.exports = {
+    plugins: {
+        'postcss-import': {},
+        'postcss-nesting': {},
+        autoprefixer: {},
+        ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
+    }
+}

package/template/web-app/vue/scripts/createChunks.ts

@@ -1,27 +1,27 @@
-import { isRegExp, remove } from 'es-toolkit'
-import { concat, forEach, forOwn, isArray, size } from 'es-toolkit/compat'
-import pkg from '../package.json'
-
-export function createChunks(chunks: { [key: string]: Array<string | RegExp> }) {
-    const vendor = Object.keys(pkg.dependencies)
-    const result: { [key: string]: string[] } = {}
-
-    forOwn(chunks, (values, key) => {
-        if (!isArray(result[key])) {
-            result[key] = []
-        }
-        forEach(values, value => {
-            let modules: string[] = []
-            if (isRegExp(value)) {
-                modules = remove(vendor, name => value.test(name))
-            } else {
-                modules = remove(vendor, name => name === value)
-            }
-            if (size(modules) > 0) {
-                result[key] = concat(result[key], modules)
-            }
-        })
-    })
-    result.vendor = vendor
-    return result
-}
+import { isRegExp, remove } from 'es-toolkit'
+import { concat, forEach, forOwn, isArray, size } from 'es-toolkit/compat'
+import pkg from '../package.json'
+
+export function createChunks(chunks: { [key: string]: Array<string | RegExp> }) {
+    const vendor = Object.keys(pkg.dependencies)
+    const result: { [key: string]: string[] } = {}
+
+    forOwn(chunks, (values, key) => {
+        if (!isArray(result[key])) {
+            result[key] = []
+        }
+        forEach(values, value => {
+            let modules: string[] = []
+            if (isRegExp(value)) {
+                modules = remove(vendor, name => value.test(name))
+            } else {
+                modules = remove(vendor, name => name === value)
+            }
+            if (size(modules) > 0) {
+                result[key] = concat(result[key], modules)
+            }
+        })
+    })
+    result.vendor = vendor
+    return result
+}

package/template/web-app/vue/scripts/index.ts

@@ -1 +1 @@
-export * from './createChunks'
+export * from './createChunks'

package/template/web-app/vue/shared/hooks/index.ts

@@ -1,2 +1,2 @@
-export { default as useVisible } from './useVisible'
-export { default as useList } from './useList'
+export { default as useVisible } from './useVisible'
+export { default as useList } from './useList'