@component-hook/create-app 1.4.4 → 1.5.1

package/template-shared/.github/workflows/deploy.yml

@@ -1,27 +0,0 @@
-name: Deploy to Production
-
-on:
-  push:
-    branches: [main]
-    paths:
-      - 'src/**'
-      - pnpm-lock.yaml
-      - package.json
-
-jobs:
-  CI:
-    uses: ./.github/workflows/ci.yml
-
-  deploy:
-    runs-on: ubuntu-latest
-    needs: CI
-    steps:
-      - uses: actions/checkout@v6
-      # - name: setup environment
-      #   uses: './.github/actions/setup-environment'
-
-      # - name: build production
-      #   run: pnpm build:production
-
-      # - name: deploy to production
-      #   run: pnpm deploy

package/template-shared/.github/workflows/preview.yml

@@ -1,17 +0,0 @@
-name: Preview Pull Request
-
-on:
-  pull_request:
-    types: [opened, synchronize, reopened]
-
-jobs:
-  CI:
-    uses: ./.github/workflows/ci.yml
-
-  preview:
-    runs-on: ubuntu-latest
-    needs: CI
-    steps:
-      - uses: actions/checkout@v6
-      # - name: setup environment
-      #   uses: './.github/actions/setup-environment'

package/template-shared/.gitlab/setup.yml

@@ -1,18 +0,0 @@
-variables:
-  NODE_VERSION: '22'
-  CACHE_KEY: '${CI_PROJECT_PATH_SLUG}-${CI_COMMIT_REF_SLUG}'
-
-image: node:${NODE_VERSION}-alpine
-
-cache:
-  key: ${CACHE_KEY}
-  paths:
-    - .pnpm-store
-    - node_modules/
-  policy: pull-push
-
-before_script:
-  - corepack enable
-  - corepack prepare --activate
-  - pnpm config set store-dir .pnpm-store
-  - pnpm install

package/template-shared/.husky/commit-msg

@@ -1 +0,0 @@
-npx --no -- commitlint --edit ${1}

package/template-shared/.husky/pre-commit

@@ -1 +0,0 @@
-npx lint-staged

package/template-shared/_gitignore

@@ -1,32 +0,0 @@
-# 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
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
-
-# Test reports
-coverage
-/test-results/
-/playwright-report/
-/playwright/.cache/
-
-# Visualizer
-stats.html

package/template-shared/_gitlab-ci.yml

@@ -1,22 +0,0 @@
-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-shared/commitlint.config.js

@@ -1,3 +0,0 @@
-export default {
-  extends: ['@commitlint/config-conventional'],
-};

package/template-shared/playwright.config.ts

@@ -1,49 +0,0 @@
-import { defineConfig, devices } from '@playwright/test';
-
-export default defineConfig({
-  testDir: './src/__tests__/e2e',
-  /* If gets stuck during the test, it will fail if it exceeds the timeout time. */
-  timeout: 30 * 1000,
-  fullyParallel: true,
-  /* Fail the build on CI if you accidentally left test.only in the source code. */
-  forbidOnly: !!process.env.CI,
-  /* Retry on CI only */
-  retries: process.env.CI ? 2 : 0,
-  /* Opt out of parallel tests on CI. */
-  workers: process.env.CI ? 1 : undefined,
-  reporter: 'html',
-  use: {
-    baseURL: 'http://localhost:5173',
-    trace: 'on-first-retry',
-  },
-  webServer: {
-    command: 'pnpm dev:mock',
-    port: 5173,
-    reuseExistingServer: !process.env.CI,
-  },
-  projects: [
-    {
-      name: 'chromium',
-      use: {
-        browserName: 'chromium',
-        ...devices['Macbook Pro'],
-      },
-    },
-
-    {
-      name: 'firefox',
-      use: {
-        browserName: 'firefox',
-        ...devices['Macbook 11'],
-      },
-    },
-
-    {
-      name: 'webkit',
-      use: {
-        browserName: 'webkit',
-        ...devices['iPhone SE'],
-      },
-    },
-  ],
-});

package/template-shared/postcss.config.js

@@ -1,15 +0,0 @@
-import cssnano from 'cssnano';
-import postcssPresetEnv from 'postcss-preset-env';
-import postcssPxtorem from 'postcss-pxtorem';
-
-export default {
-  plugins: [
-    postcssPresetEnv({ stage: 3 }),
-    postcssPxtorem({
-      rootValue: 16,
-      propList: ['*'],
-      selectorBlackList: ['norem'],
-    }),
-    ...(process.env.NODE_ENV === 'production' ? [cssnano({ preset: 'default' })] : []),
-  ],
-};

package/template-shared/prettier.config.js

@@ -1,13 +0,0 @@
-/** @type {import('prettier').RequiredOptions} */
-
-export default {
-  $schema: 'https://json.schemastore.org/prettierrc',
-  singleQuote: true,
-  semi: true,
-  endOfLine: 'lf',
-  printWidth: 120,
-  proseWrap: 'preserve',
-  arrowParens: 'avoid',
-  singleAttributePerLine: true,
-  plugins: ['prettier-plugin-tailwindcss'],
-};

package/template-shared/scripts/build-info/index.ts

@@ -1,21 +0,0 @@
-import { execFileSync } from 'node:child_process';
-import os from 'node:os';
-import packageJson from '../../package.json' with { type: 'json' };
-
-const platform = os.platform();
-const git = platform === 'win32' ? String.raw`C:\Program Files\Git\bin\git.exe` : '/usr/bin/git';
-let hash = 'unknown';
-
-try {
-  hash = execFileSync(git, ['rev-parse', 'HEAD']).toString().trim().slice(0, 7);
-} catch {
-  hash = 'no-git-detected';
-}
-
-process.env.VITE_APP_VERSION = packageJson.version;
-process.env.VITE_APP_LAST_COMMIT_HASH = hash;
-process.env.VITE_APP_BUILD_EPOCH = Date.now().toString();
-
-if (process.env.MOCK) {
-  process.env.VITE_APP_MOCK = 'service-worker';
-}

package/template-shared/tsconfig.json

@@ -1,14 +0,0 @@
-{
-  "references": [
-    {
-      "path": "./tsconfig.node.json"
-    },
-    {
-      "path": "./tsconfig.app.json"
-    },
-    {
-      "path": "./tsconfig.vitest.json"
-    }
-  ],
-  "files": []
-}

package/template-shared/tsconfig.node.json

@@ -1,12 +0,0 @@
-{
-  "extends": "@tsconfig/node24/tsconfig.json",
-  "compilerOptions": {
-    "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "types": ["node"],
-    "noEmit": true
-  },
-  "include": ["vite.config.ts", "package.json", "vitest.config.ts", "playwright.config.ts", "scripts/**/*.ts"]
-}

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

@@ -1,10 +0,0 @@
-{
-  "recommendations": [
-    "vue.volar",
-    "bradlc.vscode-tailwindcss",
-    "esbenp.prettier-vscode",
-    "csstools.postcss",
-    "cpylua.language-postcss",
-    "streetsidesoftware.code-spell-checker"
-  ]
-}

package/template-vue/.vscode/settings.json

@@ -1,18 +0,0 @@
-{
-  "editor.tabSize": 2,
-  "editor.formatOnSave": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
-
-  "[json]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-
-  "debug.javascript.autoAttachFilter": "smart",
-
-  "typescript.tsdk": "node_modules/typescript/lib",
-
-  "workbench.editor.splitInGroupLayout": "vertical",
-  "terminal.integrated.shellIntegration.enabled": true,
-
-  "cSpell.words": ["dotenv", "pinia", "persistedstate", "unplugin", "Sonarjs", "typecheck", "pxtorem", "norem"]
-}

package/template-vue/README.md.art

@@ -1,80 +0,0 @@
-# {{projectName}}
-
-This project is built with [vue3](https://vuejs.org/) + [vite](https://vite.dev/), using [pnpm](https://pnpm.io/) for package management and [pinia](https://pinia.vuejs.org/) for state management.
-
-## Features
-
-- **Development Experience**: Written in [typeScript](https://www.typescriptlang.org/), styled with [tailwindcss](https://tailwindcss.com/), and structured with [vue-router](https://router.vuejs.org/), and [vue-i18n](https://vue-i18n.intlify.dev/). Supports SVGs ([vite-plugin-svg-icons](https://github.com/vbenjs/vite-plugin-svg-icons)).
-- **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), 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).
-{{ciContent}}
-
-## Code Features / Opinions
-
-- Project root aliased as `@` to `<project_root>/src`
-- Store persistedstate use [pinia-plugin-persistedstate](https://www.npmjs.com/package/pinia-plugin-persistedstate)
-- ESlint plugin use [@component-hook/eslint-plugin](https://www.npmjs.com/package/@component-hook/eslint-plugin?activeTab=readme)
-- if encounter npx: command not found, can execute `ln -s $(which npx) /usr/local/bin/npx` in zsh
-- Predefined and fully typed global variables:
-  - `VITE_APP_VERSION` is read from `package.json` version at build time
-  - `VITE_APP_LAST_COMMIT_HASH` is last commit hash at build time
-  - `VITE_APP_BUILD_EPOCH` is populated as `Date.now()` at build time
-  - `VITE_APP_MOCK` is use mock environment
-
-## Project Files
-
-```text
-src/
-├── __tests__/
-│   ├── __mocks__/
-│   ├── e2e/*
-│   └── unit/*
-├── assets/*
-│   └── svg-icons
-│          └── vue.svg
-├── components/
-│   └── common
-│       ├── svg-icon/
-│       │   ├── src
-│       │   │   └── index.vue
-│       │   └── index.ts
-│       └── index.ts
-├── constants/*
-├── hooks/*
-├── locales/
-│   ├── en-US.json
-│   └── zh-CN.json
-├── mocks/
-│   ├── handlers/*
-│   │   ├── modules/*
-│   │   └── index.ts
-│   │── browser.ts
-│   └── server.ts
-├── pages/
-│   └── home/
-│       ├── components
-│       │   └── HelloWorld.vue
-│       └── index.vue
-├── plugins/
-│   └── i18n.ts
-├── router/
-│   └── index.ts
-├── stores/
-│   ├── modules
-│   │   └── config.ts
-│   └── index.ts
-├── styles/
-│   ├── common/
-|   │   ├── all.css
-|   │   └── button.css
-│   ├── base.css
-│   ├── index.css
-│   └── tailwind.css
-├── types/*
-├── utils/*
-├── App.vue
-├── vite-env.d.ts
-└── main.ts
-```

package/template-vue/eslint.config.js

@@ -1,18 +0,0 @@
-import componentHookPlugin from '@component-hook/eslint-plugin';
-
-export default [
-  ...componentHookPlugin.configs.basic,
-  ...componentHookPlugin.configs.vue,
-  componentHookPlugin.configs.prettier,
-  ...componentHookPlugin.configs.sonarjs,
-  componentHookPlugin.configs.security,
-  ...componentHookPlugin.configs.markdown,
-  {
-    files: ['**/__tests__/unit/**/*.test.[jt]s?(x)'],
-    ...componentHookPlugin.configs['testing-library/vue'],
-  },
-  {
-    files: ['**/__tests__/e2e/**/*.spec.[jt]s?(x)'],
-    ...componentHookPlugin.configs.playwright,
-  },
-];

package/template-vue/index.html.art

@@ -1,28 +0,0 @@
-<!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>
-      <h1>Opinionated, production ready template for Vite and Vue 3</h1>
-
-      <p>This site requires JavaScript to work.</p>
-    </noscript>
-  </body>
-</html>

package/template-vue/lint-staged.config.js

@@ -1,6 +0,0 @@
-/** @type {import('lint-staged').Configuration} */
-
-export default {
-  '*.{ts,vue}': () => 'pnpm typecheck',
-  '*.{ts,js,vue}': () => 'pnpm lint',
-};

package/template-vue/package.json

@@ -1,68 +0,0 @@
-{
-  "name": "vue-starter",
-  "type": "module",
-  "version": "0.0.0",
-  "private": true,
-  "packageManager": "pnpm@10.29.2",
-  "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.13.5",
-    "pinia": "^3.0.4",
-    "pinia-plugin-persistedstate": "^4.7.1",
-    "vue": "^3.5.28",
-    "vue-i18n": "^11.1.12",
-    "vue-router": "^5.0.2"
-  },
-  "optionalDependencies": {
-    "@commitlint/cli": "^20.4.1",
-    "@commitlint/config-conventional": "^20.4.1",
-    "husky": "^9.1.7",
-    "lint-staged": "^16.2.7"
-  },
-  "devDependencies": {
-    "@component-hook/eslint-plugin": "^1.4.2",
-    "@intlify/unplugin-vue-i18n": "^11.0.3",
-    "@playwright/test": "^1.58.2",
-    "@tailwindcss/vite": "^4.1.18",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/user-event": "^14.6.1",
-    "@testing-library/vue": "^8.1.0",
-    "@tsconfig/node24": "^24.0.4",
-    "@types/node": "^22.19.11",
-    "@vitejs/plugin-vue": "^6.0.4",
-    "@vitest/coverage-v8": "^4.0.18",
-    "@vue/tsconfig": "^0.8.1",
-    "cssnano": "^7.1.2",
-    "eslint": "^9.39.2",
-    "fast-glob": "^3.3.3",
-    "jsdom": "^28.1.0",
-    "msw": "^2.12.10",
-    "postcss": "^8.5.6",
-    "postcss-preset-env": "^11.1.3",
-    "postcss-pxtorem": "^6.1.0",
-    "prettier": "^3.8.1",
-    "prettier-plugin-tailwindcss": "^0.7.2",
-    "rollup-plugin-visualizer": "^6.0.5",
-    "tailwindcss": "^4.1.18",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.1",
-    "vite-plugin-svg-icons": "^2.0.1",
-    "vitest": "^4.0.18",
-    "vue-tsc": "^3.2.4"
-  },
-  "msw": {
-    "workerDirectory": "public"
-  }
-}

package/template-vue/public/vite.svg

@@ -1 +0,0 @@
-<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/src/App.vue

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

package/template-vue/src/__tests__/e2e/home.spec.ts

@@ -1,61 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-test.beforeEach(async ({ page }) => {
-  await page.goto('/');
-});
-
-test('click Vite logo open Vite official website blank tab', async ({ page }) => {
-  const link = page.getByRole('link', { name: /vite logo/i });
-
-  await expect(link).toBeVisible();
-  const [popup] = await Promise.all([page.waitForEvent('popup'), link.evaluate((node: HTMLElement) => node.click())]);
-
-  await popup.waitForLoadState();
-  await expect(popup).toHaveTitle('Vite | Next Generation Frontend Tooling');
-});
-
-test('click Vue logo open Vue official website blank tab', async ({ page }) => {
-  const link = page.getByLabel(/vue link/i);
-
-  await expect(link).toBeVisible();
-  const [popup] = await Promise.all([page.waitForEvent('popup'), link.evaluate((node: HTMLElement) => node.click())]);
-
-  await popup.waitForLoadState();
-  await expect(popup).toHaveTitle('Vue.js - The Progressive JavaScript Framework | Vue.js');
-});
-
-test('homepage count button interact', async ({ page }) => {
-  await page.getByRole('button', { name: 'count is 0' }).click();
-  await expect(page.getByRole('button', { name: 'count is 1' })).toBeVisible();
-  await page.getByRole('button', { name: 'count is 1' }).click();
-  await expect(page.getByRole('button', { name: 'count is 2' })).toBeVisible();
-});
-
-test('locale change interact', async ({ page }) => {
-  await page.getByRole('button', { name: 'English' }).click();
-  await expect(page.getByRole('button', { name: '中文' })).toBeVisible();
-  await page.getByRole('button', { name: '中文' }).click();
-  await expect(page.getByRole('button', { name: 'English' })).toBeVisible();
-});
-
-test('click create-vue link open Vue quick start blank tab', async ({ page }) => {
-  const link = page.getByRole('link', { name: 'create-vue' });
-
-  await expect(link).toBeVisible();
-  const [popup] = await Promise.all([page.waitForEvent('popup'), link.evaluate((node: HTMLElement) => node.click())]);
-
-  await popup.waitForLoadState();
-  await expect(popup).toHaveTitle('Quick Start | Vue.js');
-});
-
-test('click Volar link open language-tools github blank tab', async ({ page }) => {
-  const link = page.getByRole('link', { name: 'Volar' });
-
-  await expect(link).toBeVisible();
-  const [popup] = await Promise.all([page.waitForEvent('popup'), link.evaluate((node: HTMLElement) => node.click())]);
-
-  await popup.waitForLoadState();
-  await expect(popup).toHaveTitle(
-    'GitHub - vuejs/language-tools: ⚡ High-performance Vue language tooling based-on Volar.js',
-  );
-});

package/template-vue/src/__tests__/unit/pages/home/components/HelloWorld.test.ts

@@ -1,57 +0,0 @@
-import userEvent from '@testing-library/user-event';
-import { screen } from '@testing-library/vue';
-import { renderComponent } from '@/__tests__/unit/render';
-import HelloWorld from '@/pages/home/components/HelloWorld.vue';
-import i18n from '@/plugins/i18n';
-import { useConfigStore } from '@/stores';
-
-describe('home page HelloWorld component', () => {
-  const { t } = i18n.global;
-
-  it('renders the correct content', () => {
-    const msg = 'Hello World!';
-    const { version } = useConfigStore();
-
-    renderComponent(HelloWorld, { props: { msg } });
-    expect(screen.getByRole('heading', { name: msg })).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: /count is 0/i })).toBeInTheDocument();
-    expect(screen.getByText(/check out , the official vue \+ vite starter/i)).toBeInTheDocument();
-    expect(screen.getByRole('link', { name: /create-vue/i })).toBeInTheDocument();
-    expect(screen.getByText(/install in your ide for a better dx/i)).toBeInTheDocument();
-    expect(screen.getByRole('link', { name: /volar/i })).toBeInTheDocument();
-    expect(screen.getByText(/click on the vite and vue logos to learn more/i)).toBeInTheDocument();
-    expect(screen.getByText(version)).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: t('language') })).toBeInTheDocument();
-  });
-
-  it('count button interact', async () => {
-    renderComponent(HelloWorld, { props: { msg: '' } });
-    const countButton = screen.getByRole('button', { name: /count is 0/i });
-
-    await userEvent.click(countButton);
-    expect(countButton).toHaveTextContent(/count is 1/i);
-    await userEvent.click(countButton);
-    await userEvent.click(countButton);
-    expect(countButton).toHaveTextContent(/count is 3/i);
-  });
-
-  it('link correct attribute', () => {
-    renderComponent(HelloWorld, { props: { msg: '' } });
-    const createVueLink = screen.getByRole('link', { name: /create-vue/i });
-    const volarLink = screen.getByRole('link', { name: /volar/i });
-
-    expect(createVueLink).toHaveAttribute('href', 'https://vuejs.org/guide/quick-start.html#local');
-    expect(createVueLink).toHaveAttribute('target', '_blank');
-    expect(volarLink).toHaveAttribute('href', 'https://github.com/vuejs/language-tools');
-    expect(volarLink).toHaveAttribute('target', '_blank');
-  });
-
-  it('locale change interact', async () => {
-    renderComponent(HelloWorld, { props: { msg: '' } });
-    const localeButton = screen.getByRole('button', { name: t('language') });
-
-    expect(localeButton).toHaveTextContent('English');
-    await userEvent.click(localeButton);
-    expect(localeButton).toHaveTextContent('中文');
-  });
-});

package/template-vue/src/__tests__/unit/pages/home/index.test.ts

@@ -1,17 +0,0 @@
-import { screen } from '@testing-library/vue';
-import { renderComponent } from '@/__tests__/unit/render';
-import Home from '@/pages/home/index.vue';
-
-describe('home page', () => {
-  it('renders the correct content', () => {
-    renderComponent(Home);
-    const viteLink = screen.getByRole('link', { name: /vite logo/i });
-    const vueLink = screen.getByLabelText(/vue link/i);
-
-    expect(viteLink).toHaveAttribute('href', 'https://vitejs.dev');
-    expect(viteLink).toHaveAttribute('target', '_blank');
-
-    expect(vueLink).toHaveAttribute('href', 'https://vuejs.org/');
-    expect(vueLink).toHaveAttribute('target', '_blank');
-  });
-});