create-packer 1.26.4 → 1.28.0

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

@@ -1,4 +1,4 @@
-node_modules
-/dist
-/.vscode
-/.history
+node_modules
+/dist
+/.vscode
+/.history

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

@@ -1,104 +1,104 @@
-{
-    "root": true,
-    "env": {
-        "browser": true,
-        "node": true,
-        "es6": true,
-        "jest": true
-    },
-    "globals": {
-        "defineProps": "readonly",
-        "defineEmits": "readonly",
-        "defineExpose": "readonly",
-        "withDefaults": "readonly"
-    },
-    "plugins": ["prettier"],
-    "extends": [
-        "eslint:recommended",
-        "plugin:@typescript-eslint/recommended",
-        "plugin:vue/vue3-recommended",
-        "plugin:import/recommended",
-        "plugin:import/typescript"
-    ],
-    "settings": {
-        "import/resolver": {
-            "typescript": true,
-            "node": true
-        }
-    },
-    "parser": "vue-eslint-parser",
-    "parserOptions": {
-        "parser": "@typescript-eslint/parser",
-        "ecmaVersion": "latest",
-        "ecmaFeatures": {
-            "jsx": true
-        }
-    },
-    "rules": {
-        "import/export": "off",
-        "import/namespace": "off",
-        "import/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": ["vue", "vue-router"]
-            }
-        ],
-        "no-case-declarations": "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",
-        "prettier/prettier": [
-            "error",
-            {
-                "endOfLine": "auto"
-            }
-        ],
-        "vue/multi-word-component-names": 0,
-        "vue/html-indent": ["error", 4],
-        "vue/require-default-prop": "off",
-        "vue/one-component-per-file": "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"
-    }
-}
+{
+    "root": true,
+    "env": {
+        "browser": true,
+        "node": true,
+        "es6": true,
+        "jest": true
+    },
+    "globals": {
+        "defineProps": "readonly",
+        "defineEmits": "readonly",
+        "defineExpose": "readonly",
+        "withDefaults": "readonly"
+    },
+    "plugins": ["prettier"],
+    "extends": [
+        "eslint:recommended",
+        "plugin:@typescript-eslint/recommended",
+        "plugin:vue/vue3-recommended",
+        "plugin:import/recommended",
+        "plugin:import/typescript"
+    ],
+    "settings": {
+        "import/resolver": {
+            "typescript": true,
+            "node": true
+        }
+    },
+    "parser": "vue-eslint-parser",
+    "parserOptions": {
+        "parser": "@typescript-eslint/parser",
+        "ecmaVersion": "latest",
+        "ecmaFeatures": {
+            "jsx": true
+        }
+    },
+    "rules": {
+        "import/export": "off",
+        "import/namespace": "off",
+        "import/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": ["vue", "vue-router"]
+            }
+        ],
+        "no-case-declarations": "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",
+        "prettier/prettier": [
+            "error",
+            {
+                "endOfLine": "auto"
+            }
+        ],
+        "vue/multi-word-component-names": 0,
+        "vue/html-indent": ["error", 4],
+        "vue/require-default-prop": "off",
+        "vue/one-component-per-file": "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/.gitignore

@@ -1,27 +1,27 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-dist
-dist-ssr
-*.local
-stats.html
-vite.config.ts.*
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.history
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+stats.html
+vite.config.ts.*
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.history
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

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

@@ -1,6 +1,6 @@
-**/*.md
-**/*.svg
-**/*.ejs
-**/*.html
-.history
-dist
+**/*.md
+**/*.svg
+**/*.ejs
+**/*.html
+.history
+dist

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

@@ -1,4 +1,4 @@
-node_modules
-/dist
-/.vscode
-/.history
+node_modules
+/dist
+/.vscode
+/.history

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

@@ -1,23 +1,29 @@
-{
-    "extends": "stylelint-config-standard",
-    "rules": {
-        "comment-empty-line-before": "never",
-        "no-empty-source": null,
-        "alpha-value-notation": null,
-        "color-function-notation": null,
-        "no-descending-specificity": null,
-        "at-rule-no-unknown": [
-            true,
-            {
-                "ignoreAtRules": ["tailwind", "apply", "use"]
-            }
-        ],
-        "selector-pseudo-class-no-unknown": [
-            true,
-            {
-                "ignorePseudoClasses": ["global"]
-            }
-        ],
-        "selector-class-pattern": null
-    }
-}
+{
+    "extends": "stylelint-config-standard-scss",
+    "rules": {
+        "comment-empty-line-before": "never",
+        "no-empty-source": null,
+        "alpha-value-notation": null,
+        "color-function-notation": null,
+        "at-rule-no-unknown": [
+            true,
+            {
+                "ignoreAtRules": ["tailwind", "apply", "use"]
+            }
+        ],
+        "declaration-block-no-redundant-longhand-properties": null,
+        "selector-pseudo-class-no-unknown": [
+            true,
+            {
+                "ignorePseudoClasses": ["global"]
+            }
+        ],
+        "selector-class-pattern": null,
+        "scss/at-rule-no-unknown": [
+            true,
+            {
+                "ignoreAtRules": ["tailwind", "a    pply"]
+            }
+        ]
+    }
+}

package/template/web-app/vue/README.md

@@ -1,13 +1,13 @@
-## Vite + Vue3.x + Typescript
-
-### Features
-- Vite 3.x
-- Vue 3.x
-- Typescript 4.x
-- vue-router 4.x
-- pinia 2.x
-- Tailwindcss 3.x
-- Eslint
-- Prettier
-- axios 1.x
-- Alias @ to <project_root>/src
+## Vite + Vue3.x + Typescript
+
+### Features
+- Vite 4.x
+- Vue 3.x
+- Typescript 4.x
+- vue-router 4.x
+- pinia 2.x
+- Tailwindcss 3.x
+- Eslint
+- Prettier
+- axios 1.x
+- Alias @ to <project_root>/src

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

@@ -1,4 +1,4 @@
-import { createApp } from 'vue'
-import { App } from './components'
-
-export default createApp(App)
+import { createApp } from 'vue'
+import { App } from './components'
+
+export default createApp(App)

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

@@ -1,18 +1,18 @@
-<template>
-    <router-view />
-</template>
-
-<script setup lang="ts">
-import { router, routerNames } from '@/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 '@/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/domain/app/components/index.ts

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

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

@@ -1,44 +1,44 @@
-import { createVNode, render, VNodeChild } from 'vue'
-import { assign, keys } from 'lodash-es'
-import app from './app'
-
-const store = new Map()
-
-function reset(oldObj: Record<string, any>, newObj: Record<string, any>) {
-    keys(oldObj).forEach(k => {
-        oldObj[k] = void 0
-    })
-    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 { assign, keys } from 'lodash-es'
+import app from './app'
+
+const store = new Map()
+
+function reset(oldObj: Record<string, any>, newObj: Record<string, any>) {
+    keys(oldObj).forEach(k => {
+        oldObj[k] = void 0
+    })
+    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/main.ts

@@ -1,6 +1,6 @@
-import { createPinia } from 'pinia'
-import { router } from '@/router'
-import { app } from '@/domain/app'
-import './style.css'
-
-app.use(createPinia()).use(router).mount('#app')
+import { createPinia } from 'pinia'
+import { router } from '@/router'
+import { app } from '@/domain/app'
+import './style.css'
+
+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)
+})