create-packer 1.9.2 → 1.10.2

package/package.json

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

package/template/react-cra/src/index.tsx

@@ -13,7 +13,7 @@ root.render(
             <Layout>
                 <Routes>
                     {routes.map(({ path, Component }) => {
-                        return <Route path={path} element={<Component />} />
+                        return <Route key={path} path={path} element={<Component />} />
                     })}
                 </Routes>
             </Layout>

package/template/react-vite/src/Layout/index.ts

@@ -0,0 +1,2 @@
+export { default } from './View'
+export * as LayoutTypes from './typings'

package/template/react-vite/src/main.tsx

@@ -11,7 +11,7 @@ ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
             <Layout>
                 <Routes>
                     {routes.map(({ path, Component }) => {
-                        return <Route path={path} element={<Component />} />
+                        return <Route key={path} path={path} element={<Component />} />
                     })}
                 </Routes>
             </Layout>

package/template/react-vite/src/pages/{home/index.tsx → Home/View.tsx}

@@ -1,7 +1,7 @@
-import './home.css'
+import './Home.css'
 
-function App() {
+function Home() {
     return <div className={'flex justify-center items-center'}>sdfs</div>
 }
 
-export default App
+export default Home

package/template/react-vite/src/pages/Home/index.ts

@@ -0,0 +1 @@
+export { default } from './View'

package/template/react-vite/src/routes/index.ts

@@ -1,5 +1,5 @@
 import type { FunctionComponent } from 'react'
-import Home from '@/pages/home'
+import Home from '@/pages/Home'
 
 export interface routeType {
     path: string

package/template/vue-vite/.gitignore

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

package/template/vue-vite/.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm run lint

package/template/vue-vite/.prettierignore

@@ -0,0 +1,4 @@
+**/*.md
+**/*.svg
+**/*.ejs
+**/*.html

package/template/vue-vite/.prettierrc

@@ -0,0 +1,18 @@
+{
+    "overrides": [
+        {
+            "files": ".prettierrc",
+            "options": { "parser": "json" }
+        }
+    ],
+    "printWidth": 100,
+    "tabWidth": 4,
+    "useTabs": false,
+    "semi": false,
+    "singleQuote": true,
+    "trailingComma": "none",
+    "bracketSpacing": true,
+    "jsxBracketSameLine": true,
+    "arrowParens": "avoid",
+    "rangeStart": 0
+}

package/template/vue-vite/.stylelintrc

@@ -0,0 +1,21 @@
+{
+    "extends": "stylelint-config-standard",
+    "rules": {
+        "indentation": 4,
+        "comment-empty-line-before": "never",
+        "no-empty-source": null,
+        "no-descending-specificity": null,
+        "at-rule-no-unknown": [
+            true,
+            {
+                "ignoreAtRules": ["tailwind", "apply"]
+            }
+        ],
+        "selector-pseudo-class-no-unknown": [
+            true,
+            {
+                "ignorePseudoClasses": ["global"]
+            }
+        ]
+    }
+}

package/template/vue-vite/.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}

package/template/vue-vite/README.md

@@ -0,0 +1,16 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
+
+## Type Support For `.vue` Imports in TS
+
+Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's Take Over mode by following these steps:
+
+1. Run `Extensions: Show Built-in Extensions` from VS Code's command palette, look for `TypeScript and JavaScript Language Features`, then right click and select `Disable (Workspace)`. By default, Take Over mode will enable itself if the default TypeScript extension is disabled.
+2. Reload the VS Code window by running `Developer: Reload Window` from the command palette.
+
+You can learn more about Take Over mode [here](https://github.com/johnsoncodehk/volar/discussions/471).

package/template/vue-vite/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + Vue + TS</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/template/vue-vite/package.json

@@ -0,0 +1,45 @@
+{
+    "name": "vue-vite",
+    "private": true,
+    "version": "0.0.0",
+    "type": "module",
+    "scripts": {
+        "dev": "vite",
+        "build": "vue-tsc --noEmit && vite build",
+        "preview": "vite preview",
+        "format": "prettier --write \"src/**/*.{ts,js,tsx,jsx,vue,css,scss,less}\" \"./package.json\"",
+        "lint": "eslint ./src/**/*.{tsx,ts,vue} && stylelint ./src/**/*.{css,scss,less}",
+        "lint:fix": "eslint ./src/**/*.{tsx,ts,vue} --fix && stylelint ./src/**/*.{css,scss,less} --fix",
+        "cz": "cz",
+        "push": "npm run commit && git push",
+        "commit": "git add . && npm run cz"
+    },
+    "dependencies": {
+        "pinia": "2.0.18",
+        "vue": "3.2.37",
+        "vue-router": "4.1.3"
+    },
+    "devDependencies": {
+        "@vitejs/plugin-vue": "3.0.3",
+        "autoprefixer": "10.4.8",
+        "commitizen": "4.2.5",
+        "cssnano": "5.1.12",
+        "cz-adapter-eslint": "0.3.0",
+        "husky": "8.0.1",
+        "postcss": "8.4.14",
+        "postcss-import": "14.1.0",
+        "postcss-nesting": "10.1.10",
+        "prettier": "2.7.1",
+        "stylelint": "14.9.1",
+        "stylelint-config-standard": "26.0.0",
+        "tailwindcss": "3.1.8",
+        "typescript": "4.6.4",
+        "vite": "3.0.7",
+        "vue-tsc": "0.39.5"
+    },
+    "config": {
+        "commitizen": {
+            "path": "./node_modules/cz-adapter-eslint"
+        }
+    }
+}

package/template/vue-vite/postcss.config.cjs

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

package/template/vue-vite/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/template/vue-vite/src/App/View.vue

@@ -0,0 +1,7 @@
+<template>
+    <router-view />
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>

package/template/vue-vite/src/App/controllers/index.ts

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

package/template/vue-vite/src/App/controllers/useApp.ts

@@ -0,0 +1,9 @@
+import { defineStore } from 'pinia'
+
+export const useApp = defineStore('app', {
+    state: () => {
+        return {
+            appName: ''
+        }
+    }
+})

package/template/vue-vite/src/App/index.ts

@@ -0,0 +1,2 @@
+export * from './controllers'
+export { default } from './View.vue'

package/template/vue-vite/src/appInstance.ts

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

package/template/vue-vite/src/assets/vue.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

package/template/vue-vite/src/main.ts

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

package/template/vue-vite/src/pages/Home/View.vue

@@ -0,0 +1,7 @@
+<template>
+    <div>Home</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>

package/template/vue-vite/src/pages/Home/index.ts

@@ -0,0 +1 @@
+export { default } from './View.vue'

package/template/vue-vite/src/routes/index.ts

@@ -0,0 +1,9 @@
+import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
+import Home from '@/pages/Home'
+
+const routes: RouteRecordRaw[] = [{ path: '/', component: Home }]
+
+export default createRouter({
+    history: createWebHashHistory(),
+    routes
+})

package/template/vue-vite/src/style.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/template/vue-vite/src/vite-env.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+    import type { DefineComponent } from 'vue'
+    const component: DefineComponent<{}, {}, any>
+    export default component
+}

package/template/vue-vite/tailwind.config.cjs

@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    content: ['./index.html', './src/**/*.{ts,tsx}'],
+    theme: {
+        extend: {}
+    },
+    plugins: []
+}

package/template/vue-vite/tsconfig.json

@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "baseUrl": ".",
+        "target": "ESNext",
+        "useDefineForClassFields": true,
+        "module": "ESNext",
+        "moduleResolution": "Node",
+        "strict": true,
+        "jsx": "preserve",
+        "sourceMap": true,
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "esModuleInterop": true,
+        "lib": ["ESNext", "DOM"],
+        "skipLibCheck": true,
+        "paths": {
+            "@/*": ["src/*"]
+        }
+    },
+    "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+    "references": [{ "path": "./tsconfig.node.json" }]
+}

package/template/vue-vite/tsconfig.node.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/template/vue-vite/vite.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import path from 'path'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+    plugins: [vue()],
+    resolve: {
+        alias: {
+            '@': path.join(__dirname, 'src')
+        }
+    }
+})