@component-hook/create-app 1.0.2 → 1.0.4

package/template-vue/README.md.art

@@ -1,100 +1,100 @@
-# {{projectName}}
-
-## Features
-
-- Vue 3
-- Pnpm 9
-- Vite 5
-- [Pinia](https://pinia.vuejs.org/) store
-  - [pinia-plugin-persistedstate](https://www.npmjs.com/package/pinia-plugin-persistedstate)
-- Routing using [vue-router 4](https://router.vuejs.org/)
-- TypeScript 5
-- Axios
-- Tailwind CSS 3
-- Vue-i18n 9
-- PostCSS 8 w/ `postcss-nesting` plugin
-- [Cssnano](https://cssnano.github.io/cssnano/) for minimizing production CSS
-- [Postcss-pxtorem](https://www.npmjs.com/package/postcss-pxtorem) generates rem units from pixel units
-- [Vite-plugin-svg-icons](https://github.com/vbenjs/vite-plugin-svg-icons) generate svg sprite map
-- [Unplugin-vue-components](https://www.npmjs.com/package/unplugin-vue-components) auto importing for common components
-- Eslint
-  - [@component-hook/eslint-plugin](https://www.npmjs.com/package/@component-hook/eslint-plugin?activeTab=readme)
-- Prettier
-- [Husky](https://www.npmjs.com/package/husky) to improves commits
-  - if encounter npx: command not found, can execute `ln -s $(which npx) /usr/local/bin/npx` in zsh
-  - [commitlint](https://commitlint.js.org/#/) checks if your commit messages meet the conventional commit format
-  - [lint-staged](https://github.com/okonet/lint-staged) filter files checked by pre commit lint
-- Alias `@` to `<project_root>/src`
-- Mock use [msw](https://mswjs.io/)
-  - `npx msw init ./public`
-- Unit test use [Vitest](https://vitest.dev/) + [Testing Library](https://testing-library.com/)
-  - [jsdom](https://www.npmjs.com/package/jsdom)
-  - [@vitest/coverage-v8](https://vitest.dev/guide/coverage.html)
-  - [@testing-library/jest-dom](https://testing-library.com/docs/ecosystem-jest-dom/)
-  - [@testing-library/vue](https://testing-library.com/docs/vue-testing-library/intro/)
-  - [@testing-library/user-event](https://testing-library.com/docs/ecosystem-user-event/)
-- E2E test use [playwright](https://playwright.dev/)
-- [Rollup-plugin-visualizer](https://github.com/btd/rollup-plugin-visualizer) visualize and analyze your Rollup bundle to see which modules are taking up space
-- Predefined and fully typed global variables:
-  - `VITE_APP_VERSION` is read from `package.json` version at build time
-  - `VITE_APP_BUILD_EPOCH` is populated as `new Date().getTime()` at build time
-- Github workflows
-  - ci - on workflow call and dispatch
-  - deploy - on push main branch
-  - preview - on pull request
-- Gitlab CI
-  - run tests - on branches, merge request and manual
-
-## Project Files
-
-```text
-src/
-├── __tests__/
-│   ├── __mocks__/
-│   ├── setup/
-│   │   └── unitTest.ts
-│   ├── e2e/*
-│   └── unit/*
-├── apis/*
-├── assets/*
-│   └── images/
-│       └── svgIcons
-│          └── vue.svg
-├── components/
-│   ├── common/
-│   │   └── SvgIcon.vue
-│   └── indexPage/
-│       └── HelloWorld.vue
-├── configs/*
-├── hooks/*
-├── locales/
-│   ├── en-US.json
-│   └── zh-CN.json
-├── mocks/
-│   ├── handlers/*
-│   │   ├── apis/*
-│   │   └── index.ts
-│   │── browser.ts
-│   └── server.ts
-├── pages/
-│   └── IndexPage.vue
-├── plugins/
-│   └── i18n.ts
-├── router/
-│   └── index.ts
-├── stores/
-│   ├── modules
-│   │   └── config.ts
-│   └── index.ts
-├── styles/
-│   ├── common/
-|   │   ├── all.postcss
-|   │   └── button.postcss
-│   ├── index.postcss
-│   └── tailwind.postcss
-├── types/*
-├── utils/*
-├── App.vue
-├── vite-env.d.ts
-└── main.ts
-```
+# {{projectName}}
+
+## Features
+
+- Vue 3
+- Pnpm 9
+- Vite 5
+- [Pinia](https://pinia.vuejs.org/) store
+  - [pinia-plugin-persistedstate](https://www.npmjs.com/package/pinia-plugin-persistedstate)
+- Routing using [vue-router 4](https://router.vuejs.org/)
+- TypeScript 5
+- Axios
+- Tailwind CSS 3
+- Vue-i18n 9
+- PostCSS 8 w/ `postcss-nesting` plugin
+- [Cssnano](https://cssnano.github.io/cssnano/) for minimizing production CSS
+- [Postcss-pxtorem](https://www.npmjs.com/package/postcss-pxtorem) generates rem units from pixel units
+- [Vite-plugin-svg-icons](https://github.com/vbenjs/vite-plugin-svg-icons) generate svg sprite map
+- [Unplugin-vue-components](https://www.npmjs.com/package/unplugin-vue-components) auto importing for common components
+- Eslint
+  - [@component-hook/eslint-plugin](https://www.npmjs.com/package/@component-hook/eslint-plugin?activeTab=readme)
+- Prettier
+- [Husky](https://www.npmjs.com/package/husky) to improves commits
+  - if encounter npx: command not found, can execute `ln -s $(which npx) /usr/local/bin/npx` in zsh
+  - [commitlint](https://commitlint.js.org/#/) checks if your commit messages meet the conventional commit format
+  - [lint-staged](https://github.com/okonet/lint-staged) filter files checked by pre commit lint
+- Alias `@` to `<project_root>/src`
+- Mock use [msw](https://mswjs.io/)
+  - `npx msw init ./public`
+- Unit test use [Vitest](https://vitest.dev/) + [Testing Library](https://testing-library.com/)
+  - [jsdom](https://www.npmjs.com/package/jsdom)
+  - [@vitest/coverage-v8](https://vitest.dev/guide/coverage.html)
+  - [@testing-library/jest-dom](https://testing-library.com/docs/ecosystem-jest-dom/)
+  - [@testing-library/vue](https://testing-library.com/docs/vue-testing-library/intro/)
+  - [@testing-library/user-event](https://testing-library.com/docs/ecosystem-user-event/)
+- E2E test use [playwright](https://playwright.dev/)
+- [Rollup-plugin-visualizer](https://github.com/btd/rollup-plugin-visualizer) visualize and analyze your Rollup bundle to see which modules are taking up space
+- Predefined and fully typed global variables:
+  - `VITE_APP_VERSION` is read from `package.json` version at build time
+  - `VITE_APP_BUILD_EPOCH` is populated as `new Date().getTime()` at build time
+- Github workflows
+  - ci - on workflow call and dispatch
+  - deploy - on push main branch
+  - preview - on pull request
+- Gitlab CI
+  - run tests - on branches, merge request and manual
+
+## Project Files
+
+```text
+src/
+├── __tests__/
+│   ├── __mocks__/
+│   ├── setup/
+│   │   └── unitTest.ts
+│   ├── e2e/*
+│   └── unit/*
+├── apis/*
+├── assets/*
+│   └── images/
+│       └── svgIcons
+│          └── vue.svg
+├── components/
+│   ├── common/
+│   │   └── SvgIcon.vue
+│   └── indexPage/
+│       └── HelloWorld.vue
+├── configs/*
+├── hooks/*
+├── locales/
+│   ├── en-US.json
+│   └── zh-CN.json
+├── mocks/
+│   ├── handlers/*
+│   │   ├── apis/*
+│   │   └── index.ts
+│   │── browser.ts
+│   └── server.ts
+├── pages/
+│   └── IndexPage.vue
+├── plugins/
+│   └── i18n.ts
+├── router/
+│   └── index.ts
+├── stores/
+│   ├── modules
+│   │   └── config.ts
+│   └── index.ts
+├── styles/
+│   ├── common/
+|   │   ├── all.postcss
+|   │   └── button.postcss
+│   ├── index.postcss
+│   └── tailwind.postcss
+├── types/*
+├── utils/*
+├── App.vue
+├── vite-env.d.ts
+└── main.ts
+```

package/template-vue/_gitignore

@@ -1,38 +1,38 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-dist
-dist-ssr
-*.local
-.env
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-!.vscode/settings.json
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
-
-# Component auto import
-/src/components.d.ts
-
-# Test reports
-coverage
-/test-results/
-/playwright-report/
-/playwright/.cache/
-
-# Visualizer
-stats.html
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+.env
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+!.vscode/settings.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# Component auto import
+/src/components.d.ts
+
+# Test reports
+coverage
+/test-results/
+/playwright-report/
+/playwright/.cache/
+
+# Visualizer
+stats.html

package/template-vue/_gitlab-ci.yml

@@ -1,22 +1,22 @@
-stages:
-  - test
-  # - deploy
-
-include:
-  - local: '.gitlab/setup.yml'
-
-run_test:
-  stage: test
-  image: mcr.microsoft.com/playwright:focal
-  script:
-    - npx playwright install --with-deps
-    - pnpm test:unit
-    - pnpm test:ci-e2e
-  rules:
-    - if: $CI_COMMIT_BRANCH
-      changes:
-        - 'src/**'
-        - 'pnpm-lock.yaml'
-        - 'package.json'
-    - if: '$CI_PIPELINE_SOURCE == "merge_request_event"'
-    - when: manual
+stages:
+  - test
+  # - deploy
+
+include:
+  - local: '.gitlab/setup.yml'
+
+run_test:
+  stage: test
+  image: mcr.microsoft.com/playwright:focal
+  script:
+    - npx playwright install --with-deps
+    - pnpm test:unit
+    - pnpm test:ci-e2e
+  rules:
+    - if: $CI_COMMIT_BRANCH
+      changes:
+        - 'src/**'
+        - 'pnpm-lock.yaml'
+        - 'package.json'
+    - if: '$CI_PIPELINE_SOURCE == "merge_request_event"'
+    - when: manual

package/template-vue/index.html.art

@@ -1,26 +1,26 @@
-<!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>{{projectName}}</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script
-      type="module"
-      src="/src/main.ts"
-    ></script>
-    <noscript>
-      <p>This site requires JavaScript to work.</p>
-    </noscript>
-  </body>
-</html>
+<!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>{{projectName}}</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script
+      type="module"
+      src="/src/main.ts"
+    ></script>
+    <noscript>
+      <p>This site requires JavaScript to work.</p>
+    </noscript>
+  </body>
+</html>

package/template-vue/package.json

@@ -1,73 +1,73 @@
-{
-  "name": "vue-starter",
-  "version": "0.0.0",
-  "license": "MIT",
-  "type": "module",
-  "packageManager": "pnpm@10.6.3",
-  "scripts": {
-    "dev": "vite",
-    "dev:mock": "MOCK=true vite",
-    "build": "pnpm typecheck && vite build",
-    "lint": "eslint --fix .",
-    "test:unit": "vitest --coverage",
-    "test:e2e": "playwright test --headed",
-    "test:ui-e2e": "playwright test --ui",
-    "test:ci-e2e": "playwright test",
-    "typecheck": "vue-tsc --noEmit",
-    "prepare": "husky",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "axios": "^1.8.3",
-    "pinia": "^3.0.1",
-    "pinia-plugin-persistedstate": "^4.2.0",
-    "vue": "^3.5.13",
-    "vue-i18n": "^11.1.2",
-    "vue-router": "^4.5.0"
-  },
-  "devDependencies": {
-    "@component-hook/eslint-plugin": "1.0.1",
-    "@intlify/unplugin-vue-i18n": "^6.0.3",
-    "@playwright/test": "^1.51.0",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/user-event": "^14.6.1",
-    "@testing-library/vue": "^8.1.0",
-    "@tsconfig/node22": "22.0.0",
-    "@types/node": "^22.13.10",
-    "@vitejs/plugin-vue": "^5.2.2",
-    "@vitest/coverage-v8": "^2.1.9",
-    "@vue/tsconfig": "^0.7.0",
-    "autoprefixer": "^10.4.21",
-    "cssnano": "^7.0.6",
-    "eslint": "^9.22.0",
-    "jsdom": "^26.0.0",
-    "msw": "^2.7.3",
-    "postcss": "^8.5.3",
-    "postcss-import": "^16.1.0",
-    "postcss-nesting": "^13.0.1",
-    "postcss-pxtorem": "^6.1.0",
-    "prettier": "^3.5.3",
-    "rollup-plugin-visualizer": "^5.14.0",
-    "tailwindcss": "^3.4.17",
-    "typescript": "^5.8.2",
-    "unplugin-vue-components": "^0.28.0",
-    "vite": "^5.4.14",
-    "vite-plugin-svg-icons": "^2.0.1",
-    "vitest": "^2.1.9",
-    "vue-tsc": "^2.2.8"
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead"
-  ],
-  "msw": {
-    "workerDirectory": "public"
-  },
-  "optionalDependencies": {
-    "@commitlint/cli": "^19.8.0",
-    "@commitlint/config-conventional": "^19.8.0",
-    "husky": "^9.1.7",
-    "lint-staged": "^15.5.0"
-  }
-}
+{
+  "name": "vue-starter",
+  "version": "0.0.0",
+  "license": "MIT",
+  "type": "module",
+  "packageManager": "pnpm@10.6.3",
+  "scripts": {
+    "dev": "vite",
+    "dev:mock": "MOCK=true vite",
+    "build": "pnpm typecheck && vite build",
+    "lint": "eslint --fix .",
+    "test:unit": "vitest --coverage",
+    "test:e2e": "playwright test --headed",
+    "test:ui-e2e": "playwright test --ui",
+    "test:ci-e2e": "playwright test",
+    "typecheck": "vue-tsc --noEmit",
+    "prepare": "husky",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "axios": "^1.8.3",
+    "pinia": "^3.0.1",
+    "pinia-plugin-persistedstate": "^4.2.0",
+    "vue": "^3.5.13",
+    "vue-i18n": "^11.1.2",
+    "vue-router": "^4.5.0"
+  },
+  "devDependencies": {
+    "@component-hook/eslint-plugin": "1.0.1",
+    "@intlify/unplugin-vue-i18n": "^6.0.3",
+    "@playwright/test": "^1.51.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/user-event": "^14.6.1",
+    "@testing-library/vue": "^8.1.0",
+    "@tsconfig/node22": "22.0.0",
+    "@types/node": "^22.13.10",
+    "@vitejs/plugin-vue": "^5.2.2",
+    "@vitest/coverage-v8": "^2.1.9",
+    "@vue/tsconfig": "^0.7.0",
+    "autoprefixer": "^10.4.21",
+    "cssnano": "^7.0.6",
+    "eslint": "^9.22.0",
+    "jsdom": "^26.0.0",
+    "msw": "^2.7.3",
+    "postcss": "^8.5.3",
+    "postcss-import": "^16.1.0",
+    "postcss-nesting": "^13.0.1",
+    "postcss-pxtorem": "^6.1.0",
+    "prettier": "^3.5.3",
+    "rollup-plugin-visualizer": "^5.14.0",
+    "tailwindcss": "^3.4.17",
+    "typescript": "^5.8.2",
+    "unplugin-vue-components": "^0.28.0",
+    "vite": "^5.4.14",
+    "vite-plugin-svg-icons": "^2.0.1",
+    "vitest": "^2.1.9",
+    "vue-tsc": "^2.2.8"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ],
+  "msw": {
+    "workerDirectory": "public"
+  },
+  "optionalDependencies": {
+    "@commitlint/cli": "^19.8.0",
+    "@commitlint/config-conventional": "^19.8.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^15.5.0"
+  }
+}