@component-hook/create-app 1.1.2 → 1.1.4

package/template-react/vitest.setup.ts

@@ -0,0 +1,13 @@
+import { cleanup } from '@testing-library/react';
+import { mswServer } from '@/mocks/server';
+import '@testing-library/jest-dom';
+import '@/plugins/i18n';
+
+beforeAll(() => mswServer.listen());
+
+afterEach(() => {
+  cleanup();
+  mswServer.resetHandlers();
+});
+
+afterAll(() => mswServer.close());

package/{template-vue → template-shared}/.github/actions/setup-environment/action.yml

@@ -8,7 +8,7 @@ runs:
     - name: install Node.js
       uses: actions/setup-node@v4
       with:
-        node-version: 20
+        node-version: 20.19.4
 
     - name: install pnpm
       uses: pnpm/action-setup@v4

package/{template-vue → template-shared}/.github/workflows/ci.yml

@@ -8,7 +8,7 @@ jobs:
   CI:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - name: setup environment
         uses: './.github/actions/setup-environment'
 

package/{template-vue → template-shared}/.github/workflows/deploy.yml

@@ -16,7 +16,7 @@ jobs:
     runs-on: ubuntu-latest
     needs: CI
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       # - name: setup environment
       #   uses: './.github/actions/setup-environment'
 

package/{template-vue → template-shared}/.github/workflows/preview.yml

@@ -12,6 +12,6 @@ jobs:
     runs-on: ubuntu-latest
     needs: CI
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       # - name: setup environment
       #   uses: './.github/actions/setup-environment'

package/template-vue/README.md.art

@@ -8,7 +8,7 @@ This project is built with [vue3](https://vuejs.org/) + [vite](https://vite.dev/
 - **API & Mocking**: Handles requests with [axios](https://axios-http.com/docs/intro) and mocks APIs using [msw](https://mswjs.io/).
 - **Code Quality**: Enforces standards with [eslint](https://eslint.org/) and [prettier](https://prettier.io/), with [husky](https://www.npmjs.com/package/husky), [commitlint](https://commitlint.js.org/#/), and [lint-staged](https://github.com/okonet/lint-staged) for commit validation.
 - **Testing**: Uses [vitest](https://vitest.dev/) + [testing-library](https://testing-library.com/) for unit testing and [playwright](https://playwright.dev/) for E2E testing.
-- **Optimization**: Compresses CSS with [cssnano](https://cssnano.github.io/cssnano/) , converts units with [postcss-pxtorem](https://www.npmjs.com/package/postcss-pxtorem), and analyzes assets with [rollup-plugin-visualizer](https://github.com/btd/rollup-plugin-visualizer).
+- **Optimization**: Compresses CSS with [cssnano](https://cssnano.github.io/cssnano/), converts units with [postcss-pxtorem](https://www.npmjs.com/package/postcss-pxtorem), convert modern CSS into something most browsers can understand with [postcss-preset-env](https://www.npmjs.com/package/postcss-preset-env), and analyzes assets with [rollup-plugin-visualizer](https://github.com/btd/rollup-plugin-visualizer).
 - **CI/CD**: Integrates `{{gitRepository}}` for automated testing and deployment.
 
 ## Code Features / Opinions

package/template-vue/package.json

@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "private": true,
   "type": "module",
-  "packageManager": "pnpm@10.12.4",
+  "packageManager": "pnpm@10.15.0",
   "scripts": {
     "dev": "vite",
     "dev:mock": "MOCK=true vite",
@@ -18,42 +18,42 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "axios": "^1.10.0",
+    "axios": "^1.11.0",
     "pinia": "^3.0.3",
-    "pinia-plugin-persistedstate": "^4.3.0",
-    "vue": "^3.5.17",
-    "vue-i18n": "^11.1.7",
+    "pinia-plugin-persistedstate": "^4.5.0",
+    "vue": "^3.5.19",
+    "vue-i18n": "^11.1.11",
     "vue-router": "^4.5.1"
   },
   "devDependencies": {
-    "@component-hook/eslint-plugin": "1.1.1",
+    "@component-hook/eslint-plugin": "1.1.3",
     "@intlify/unplugin-vue-i18n": "^6.0.8",
-    "@playwright/test": "^1.53.1",
-    "@tailwindcss/vite": "^4.1.11",
-    "@testing-library/jest-dom": "^6.6.3",
+    "@playwright/test": "^1.55.0",
+    "@tailwindcss/vite": "^4.1.12",
+    "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/user-event": "^14.6.1",
     "@testing-library/vue": "^8.1.0",
     "@tsconfig/node22": "^22.0.2",
-    "@types/node": "^22.15.33",
-    "@vitejs/plugin-vue": "^5.2.4",
+    "@types/node": "^22.17.2",
+    "@vitejs/plugin-vue": "^6.0.1",
     "@vitest/coverage-v8": "^3.2.4",
-    "@vue/tsconfig": "^0.7.0",
+    "@vue/tsconfig": "^0.8.1",
     "autoprefixer": "^10.4.21",
-    "cssnano": "^7.0.7",
-    "eslint": "^9.29.0",
+    "cssnano": "^7.1.0",
+    "eslint": "^9.33.0",
     "jsdom": "^26.1.0",
-    "msw": "^2.10.2",
+    "msw": "^2.10.5",
     "postcss": "^8.5.6",
     "postcss-preset-env": "^10.2.4",
     "postcss-pxtorem": "^6.1.0",
     "prettier": "^3.6.2",
     "rollup-plugin-visualizer": "^6.0.3",
-    "tailwindcss": "^4.1.11",
-    "typescript": "^5.8.3",
-    "vite": "^6.3.5",
+    "tailwindcss": "^4.1.12",
+    "typescript": "^5.9.2",
+    "vite": "^7.1.3",
     "vite-plugin-svg-icons": "^2.0.1",
     "vitest": "^3.2.4",
-    "vue-tsc": "^2.2.10"
+    "vue-tsc": "^3.0.6"
   },
   "msw": {
     "workerDirectory": "public"
@@ -62,6 +62,6 @@
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
     "husky": "^9.1.7",
-    "lint-staged": "^16.1.2"
+    "lint-staged": "^16.1.5"
   }
 }

package/template-vue/src/styles/base.css

@@ -7,11 +7,16 @@
   color: rgba(255, 255, 255, 0.87);
   background-color: #242424;
 
-  font-synthesis: none;
+  overscroll-behavior: none none;
+  touch-action: manipulation;
+  user-select: none;
   text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  -webkit-text-size-adjust: 100%;
+  -moz-touch-callout: none;
+  -ms-touch-callout: none;
+  -webkit-font-smoothing: antialiased;
+  -webkit-touch-callout: none;
+  -webkit-overflow-scrolling: touch;
 }
 
 @media (prefers-color-scheme: light) {
@@ -29,6 +34,12 @@ body {
   min-height: 100vh;
 }
 
+img {
+  -webkit-touch-callout: none;
+  -webkit-user-drag: none;
+  user-select: none;
+}
+
 #app {
   max-width: 80rem;
   margin: auto;