@skirtle/create-vue-lib 0.0.0 → 0.0.2

package/dist/template/base/config/{.editorconfig → .editorconfig.ejs}

@@ -1,3 +1,5 @@
+root = true
+
 [*]
 charset = utf-8
 indent_style = space
@@ -5,3 +7,7 @@ indent_size = 2
 end_of_line = lf
 insert_final_newline = true
 trim_trailing_whitespace = true
+
+[*.md]
+indent_size = 4
+trim_trailing_whitespace = false

package/dist/template/base/config/.gitignore.ejs

@@ -0,0 +1,33 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+packages/docs/.vitepress/cache
+packages/<%- config.mainPackageDirName %>/LICENSE
+packages/<%- config.mainPackageDirName %>/README.md
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+*.tsbuildinfo

package/dist/template/base/config/.vscode/extensions.json.ejs

@@ -0,0 +1,10 @@
+{
+  "recommendations": [
+    "Vue.volar",
+    "vitest.explorer",
+    <%_ if (config.includeEsLint) { _%>
+    "dbaeumer.vscode-eslint",
+    <%_ } _%>
+    "EditorConfig.EditorConfig"
+  ]
+}

package/dist/template/base/config/.vscode/settings.json.ejs

@@ -0,0 +1,13 @@
+{
+  "explorer.fileNesting.enabled": true,
+  "explorer.fileNesting.patterns": {
+    "tsconfig.json": "tsconfig.*.json, env.d.ts",
+    "vite.config.*": "jsconfig*, vitest.config.*, cypress.config.*, playwright.config.*",
+    "package.json": "package-lock.json, pnpm*, .yarnrc*, yarn*, .eslint*, eslint*, .prettier*, prettier*, .editorconfig"
+  },
+  <%_ if (config.includeEsLint) { _%>
+  "editor.codeActionsOnSave": {
+    "source.fixAll": "explicit"
+  }
+  <%_ } _%>
+}

package/dist/template/base/config/package.json.ejs

@@ -1,11 +1,12 @@
 {
   "private": true,
   "type": "module",
+  "packageManager": "pnpm@9.15.4",
+  "engines": {
+    "node": ">=v18.3.0"
+  },
   "scripts": {
     "clean": "pnpm run -r clean",
-    "build": "pnpm run -r build",
-    "type-check": "pnpm run -r type-check",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
     <%_ if (config.includePlayground) { _%>
     "dev": "pnpm run --filter ./packages/playground -r dev",
     <%_ } _%>
@@ -15,21 +16,52 @@
     <%_ } _%>
     "test:unit": "pnpm run --filter ./packages/<%- config.mainPackageDirName %> -r test:unit",
     "coverage": "pnpm run --filter ./packages/<%- config.mainPackageDirName %> -r coverage",
+    <%_ if (config.includeEsLint) { _%>
+    "type-check": "run-p type-check:*",
+    "type-check:packages": "pnpm run -r type-check",
+    "type-check:self": "tsc",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix",
+    "lint:staged": "lint-staged",
+    <%_ } else { _%>
+    "type-check": "pnpm run -r type-check",
+    <%_ } _%>
+    "build": "pnpm run -r build",
     "preinstall": "node scripts/preinstall.js",
     "postinstall": "simple-git-hooks"
   },
+  <%_ if (config.includeEsLint) { _%>
   "simple-git-hooks": {
-    "pre-commit": "pnpm run type-check && pnpm exec lint-staged"
+    "pre-commit": "pnpm exec run-s type-check lint:staged"
   },
   "lint-staged": {
     "*.{vue,js,jsx,cjs,mjs,ts,tsx,cts,mts}": "eslint --fix"
   },
+  <%_ } else { _%>
+  "simple-git-hooks": {
+    "pre-commit": "pnpm run type-check"
+  },
+  <%_ } _%>
   "devDependencies": {
+    <%_ if (config.includeEsLint) { _%>
+    "@eslint/compat": "^1.2.6",
+    <%_ if (config.includeEsLintStylistic) { _%>
+    "@stylistic/eslint-plugin": "^4.0.0",
+    <%_ } _%>
+    "@tsconfig/node22": "^22.0.0",
+    "@types/node": "^22.13.0",
     "@typescript-eslint/parser": "^8.23.0",
+    "@vitest/eslint-plugin": "1.1.25",
     "@vue/eslint-config-typescript": "^14.3.0",
     "eslint": "^9.18.0",
     "eslint-plugin-vue": "^9.32.0",
+    "jiti": "^2.4.2",
     "lint-staged": "^15.4.3",
-    "simple-git-hooks": "^2.11.1"
+    "npm-run-all2": "^7.0.2",
+    <%_ } _%>
+    "simple-git-hooks": "^2.11.1",
+    <%_ if (config.includeEsLint) { _%>
+    "typescript": "^5.7.3"
+    <%_ } _%>
   }
 }

package/dist/template/base/config/packages/@projectName@/package.json

@@ -42,32 +42,29 @@
     "@vitest/coverage-v8": "^3.0.5",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.7.0",
+    "copyfiles": "^2.4.1",
+    "cross-env": "^7.0.3",
     "jsdom": "^26.0.0",
+    "npm-run-all2": "^7.0.2",
     "rimraf": "^5.0.1",
     "typescript": "~5.7.3",
     "vite": "^6.0.11",
-    "vite-plugin-dts": "^4.5.0",
+    "vite-plugin-dts": "4.5.0",
     "vitest": "^3.0.2",
     "vue": "^3.5.13",
-    "vue-tsc": "^2.2.0",
-
-    "@vitest/eslint-plugin": "1.1.25",
-    "@vue/eslint-config-typescript": "^14.3.0",
-    "eslint": "^9.18.0",
-    "eslint-plugin-vue": "^9.32.0",
-    "jiti": "^2.4.2",
-    "npm-run-all2": "^7.0.2",
-    "vite-plugin-vue-devtools": "^7.7.0"
+    "vue-tsc": "^2.2.0"
   },
   "scripts": {
-    "clean": "rimraf dist && rimraf coverage",
+    "clean:dist": "rimraf dist",
+    "clean": "rimraf dist coverage LICENSE README.md",
     "test:unit": "vitest --environment jsdom",
     "coverage": "vitest run --coverage --environment jsdom",
-    "build": "rimraf dist && pnpm build-dev && pnpm build-neutral && pnpm build-prod && pnpm type-check",
-    "build-dev": "vite build --mode development",
-    "build-neutral": "vite build --mode neutral",
-    "build-prod": "vite build --mode production",
-    "type-check": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
+    "type-check": "vue-tsc --build",
+    "build:copy": "copyfiles -f ../../LICENSE ../../README.md .",
+    "build:dev": "cross-env NODE_ENV=development vite build --mode development",
+    "build:neutral": "vite build --mode neutral",
+    "build:prod": "vite build --mode production",
+    "build": "run-s clean:dist build:* type-check",
     "preinstall": "node ../../scripts/preinstall.js"
   }
 }

package/dist/template/base/config/packages/@projectName@/src/global.d.ts.ejs

@@ -0,0 +1,4 @@
+declare const __DEV__: boolean
+<%_ if (config.includeTestVariable) { _%>
+declare const __TEST__: boolean
+<%_ } _%>

package/dist/template/base/config/packages/@projectName@/{tsconfig.app.json → tsconfig.app.json.ejs}

@@ -3,9 +3,11 @@
   "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
   "exclude": ["src/**/__tests__/*"],
   "compilerOptions": {
-    "tsBuildInfoFile": "../../node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    <%_ if (config.includeAtAliases) { _%>
     "paths": {
       "@/*": ["./src/*"]
     }
+    <%_ } _%>
   }
 }

package/dist/template/base/config/packages/@projectName@/tsconfig.node.json

@@ -10,7 +10,7 @@
   ],
   "compilerOptions": {
     "noEmit": true,
-    "tsBuildInfoFile": "../../node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
     "module": "ESNext",
     "moduleResolution": "Bundler",
     "types": ["node"]

package/dist/template/base/config/packages/@projectName@/tsconfig.vitest.json

@@ -3,7 +3,7 @@
   "include": ["src/**/__tests__/*", "env.d.ts"],
   "exclude": [],
   "compilerOptions": {
-    "tsBuildInfoFile": "../../node_modules/.tmp/tsconfig.vitest.tsbuildinfo",
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.vitest.tsbuildinfo",
     "lib": [],
     "types": ["node", "jsdom"]
   }

package/dist/template/base/config/packages/@projectName@/{vite.config.mts → vite.config.mts.ejs}

@@ -1,20 +1,24 @@
 import { resolve } from 'node:path'
+<%_ if (config.includeAtAliases) { _%>
 import { fileURLToPath, URL } from 'node:url'
+<%_ } _%>
 
-import { defineConfig } from 'vite'
+import { defineConfig, type UserConfig } from 'vite'
 import replace from '@rollup/plugin-replace'
 import vue from '@vitejs/plugin-vue'
 import dts from 'vite-plugin-dts'
 
-export default defineConfig(({ mode }) => {
+export default defineConfig(({ mode }): UserConfig => {
   if (mode !== 'production' && mode !== 'development' && mode !== 'neutral' && mode !== 'test') {
     throw new Error(`Unknown mode: ${mode}`)
   }
 
-  const dtsPlugin = mode === 'neutral' ? dts({
-    rollupTypes: true,
-    tsconfigPath: './tsconfig.app.json'
-  }) : null
+  const dtsPlugin = mode === 'neutral'
+    ? dts({
+        rollupTypes: true,
+        tsconfigPath: './tsconfig.app.json'
+      })
+    : null
 
   return {
     plugins: [
@@ -27,35 +31,46 @@ export default defineConfig(({ mode }) => {
       vue(),
       dtsPlugin
     ],
+    <%_ if (config.includeAtAliases) { _%>
     resolve: {
       alias: {
         '@': fileURLToPath(new URL('./src', import.meta.url))
       }
     },
+    <%_ } _%>
+    <%_ if (config.includeTestVariable) { _%>
+    define: {
+      __TEST__: mode === 'test'
+    },
+    <%_ } _%>
     build: {
       target: 'es2019',
       emptyOutDir: false,
       minify: mode === 'production',
       lib: {
         entry: resolve(__dirname, 'src/index.ts'),
-        name: '@globalVariableName@',
+        name: '<%- config.globalVariableName %>',
         formats: mode === 'neutral' ? ['cjs', 'es'] : ['es', 'iife'],
+        cssFileName: mode === 'production' ? '<%- config.unscopedPackageName %>.prod' : '<%- config.unscopedPackageName %>',
 
         fileName(format) {
-          let name = '@unscopedPackageName@'
+          let name = '<%- config.unscopedPackageName %>'
           let extension = 'js'
 
           if (format === 'iife') {
             name += '.global'
-          } else if (format === 'es') {
+          }
+          else if (format === 'es') {
             name += '.esm-' + (mode === 'neutral' ? 'bundler' : 'browser')
           }
 
           if (mode === 'production') {
             name += '.prod'
-          } else if (mode === 'development') {
+          }
+          else if (mode === 'development') {
             name += '.dev'
-          } else if (mode === 'neutral') {
+          }
+          else if (mode === 'neutral') {
             extension = format === 'cjs' ? 'cjs' : 'mjs'
           }
 

package/dist/template/base/examples/packages/@projectName@/src/components/{Example.vue → ExampleComponent.vue.ejs}

@@ -2,7 +2,10 @@
 import { ref } from 'vue'
 
 if (__DEV__) {
-  console.log('dev: creating Example component')
+  console.log('dev: creating ExampleComponent')
+  <%_ if (config.includeTestVariable) { _%>
+  console.log(`__TEST__: ${__TEST__}`)
+  <%_ } _%>
 }
 
 const msg = ref('Hello world!')

package/dist/template/base/examples/packages/@projectName@/src/index.ts

@@ -1,3 +1,3 @@
-export { default as Example } from './components/Example.vue'
+export { default as ExampleComponent } from './components/ExampleComponent.vue'
 export { default as MyPanel } from './components/MyPanel.vue'
 export { default as MyPanelSection } from './components/MyPanelSection.vue'

package/dist/template/eslint/config/eslint.config.mts.ejs

@@ -0,0 +1,33 @@
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+import { includeIgnoreFile } from '@eslint/compat'
+import pluginVue from 'eslint-plugin-vue'
+<%_ if (config.includeEsLintStylistic) { _%>
+import stylistic from '@stylistic/eslint-plugin'
+<%_ } _%>
+import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescript'
+import pluginVitest from '@vitest/eslint-plugin'
+
+export default defineConfigWithVueTs(
+  {
+    name: 'app/files-to-lint',
+    files: ['**/*.{ts,mts,vue}']
+  },
+
+  includeIgnoreFile(path.resolve(path.dirname(fileURLToPath(import.meta.url)), '.gitignore')),
+
+  pluginVue.configs['flat/essential'],
+  vueTsConfigs.recommended,
+
+  <%_ if (config.includeEsLintStylistic) { _%>
+  stylistic.configs.customize({
+    commaDangle: 'never'
+  }),
+  <%_ } _%>
+
+  {
+    ...pluginVitest.configs.recommended,
+    files: ['src/**/__tests__/*']
+  }
+)

package/dist/template/eslint/config/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "@tsconfig/node22/tsconfig.json",
+  "include": ["eslint.config.*"],
+  "compilerOptions": {
+    "noEmit": true,
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "types": ["node"]
+  }
+}

package/dist/template/gh-pages/config/.github/workflows/pages.yml

@@ -32,8 +32,6 @@ jobs:
         uses: actions/checkout@v4
       - name: Install pnpm
         uses: pnpm/action-setup@v4
-        with:
-          version: 9
       - name: Set up Node
         uses: actions/setup-node@v4
         with:

package/dist/template/playground/config/packages/playground/env.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="vite/client" />
-/// <reference path="../@projectName@/src/global.d.ts" />
+
+import '../@projectName@/src/global.d.ts'

package/dist/template/playground/config/packages/playground/package.json

@@ -1,12 +1,13 @@
 {
   "private": true,
   "scripts": {
+    "clean": "rimraf dist",
     "dev": "vite --port 5051",
-    "type-check": "vue-tsc --noEmit -p tsconfig.app.json --composite false",
-    "build-only": "vite build",
-    "build": "pnpm run type-check && pnpm run build-only",
+    "type-check": "vue-tsc --build",
+    "build:only": "vite build",
+    "build": "run-p -c type-check \"build:only {@}\" --",
     "preview": "vite preview --port 4051",
-    "clean": "rimraf dist"
+    "preinstall": "node ../../scripts/preinstall.js"
   },
   "dependencies": {
     "vue": "^3.5.13"
@@ -16,6 +17,7 @@
     "@types/node": "^22.10.7",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vue/tsconfig": "^0.7.0",
+    "npm-run-all2": "^7.0.2",
     "rimraf": "^5.0.1",
     "typescript": "~5.7.3",
     "vite": "^6.0.11",

package/dist/template/playground/config/packages/playground/tsconfig.app.json.ejs

@@ -0,0 +1,13 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "paths": {
+      <%_ if (config.includeAtAliases) { _%>
+      "@/*": ["./src/*"],
+      <%_ } _%>
+      "<%- config.scopedPackageName %>": ["../<%- config.mainPackageDirName %>/src/index.ts"]
+    }
+  }
+}

package/dist/template/playground/config/packages/playground/tsconfig.node.json

@@ -10,7 +10,7 @@
   ],
   "compilerOptions": {
     "noEmit": true,
-    "tsBuildInfoFile": "../../node_modules/.tmp/tsconfig.playground.node.tsbuildinfo",
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
     "module": "ESNext",
     "moduleResolution": "Bundler",
     "types": ["node"]

package/dist/template/playground/config/packages/playground/vite.config.mts.ejs

@@ -0,0 +1,45 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig, type UserConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueDevTools from 'vite-plugin-vue-devtools'
+
+<%_ if (config.includeAtAliases) { _%>
+const librarySrc = fileURLToPath(new URL('../<%- config.mainPackageDirName %>/src/', import.meta.url))
+const playgroundSrc = fileURLToPath(new URL('./src/', import.meta.url))
+
+<%_ } _%>
+export default defineConfig(({ mode }): UserConfig => ({
+  plugins: [
+    vue(),
+    vueDevTools()
+  ],
+  resolve: {
+    <%_ if (config.includeAtAliases) { _%>
+    alias: [
+      {
+        find: '@',
+        replacement: '@',
+        customResolver(source, importer) {
+          return source.replace(
+            /^@\//,
+            importer?.startsWith(librarySrc) ? librarySrc : playgroundSrc
+          )
+        }
+      }, {
+        find: '<%- config.scopedPackageName %>',
+        replacement: librarySrc
+      }
+    ]
+    <%_ } else { _%>
+    alias: {
+      '<%- config.scopedPackageName %>': fileURLToPath(new URL('../<%- config.mainPackageDirName %>/src/', import.meta.url))
+    }
+    <%_ } _%>
+  },
+  define: {
+    __DEV__: mode !== 'production'<%_ if (config.includeTestVariable) { _%>,
+    __TEST__: false
+    <%_ } %>
+  }
+}))

package/dist/template/playground/examples/packages/playground/src/App.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Example as ExampleComponent, MyPanel } from '@scopedPackageName@'
+import { ExampleComponent, MyPanel } from '@scopedPackageName@'
 </script>
 
 <template>

package/dist/template/vitepress/config/packages/docs/.vitepress/config.mts.ejs

@@ -1,7 +1,12 @@
-import { resolve } from 'node:path'
+import { fileURLToPath, URL } from 'node:url'
 
 import { defineConfigWithTheme } from 'vitepress'
 
+<%_ if (config.includeAtAliases) { _%>
+const librarySrc = fileURLToPath(new URL('../../<%- config.mainPackageDirName %>/src/', import.meta.url))
+const playgroundSrc = fileURLToPath(new URL('../src/', import.meta.url))
+
+<%_ } _%>
 export default ({ mode }: { mode: string }) => defineConfigWithTheme({
   srcDir: './src',
   outDir: './dist',
@@ -30,13 +35,33 @@ export default ({ mode }: { mode: string }) => defineConfigWithTheme({
   <%_ } _%>
   vite: {
     resolve: {
+      <%_ if (config.includeAtAliases) { _%>
+      alias: [
+        {
+          find: '@',
+          replacement: '@',
+          customResolver(source, importer) {
+            return source.replace(
+              /^@\//,
+              importer?.startsWith(librarySrc) ? librarySrc : playgroundSrc
+            )
+          }
+        }, {
+          find: '<%- config.scopedPackageName %>',
+          replacement: librarySrc
+        }
+      ]
+      <%_ } else { _%>
       alias: {
-        '<%- config.scopedPackageName %>': resolve(__dirname, '../../<%- config.mainPackageDirName %>/src/index.ts')
+        '<%- config.scopedPackageName %>': fileURLToPath(new URL('../../<%- config.mainPackageDirName %>/src/', import.meta.url))
       }
+      <%_ } _%>
     },
 
     define: {
-      __DEV__: JSON.stringify(mode !== 'production')
+      __DEV__: mode !== 'production'<%_ if (config.includeTestVariable) { _%>,
+      __TEST__: false
+      <%_ } %>
     }
   },
 

package/dist/template/vitepress/config/packages/docs/env.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="vite/client" />
-/// <reference path="../@projectName@/src/global.d.ts" />
+
+import '../@projectName@/src/global.d.ts'

package/dist/template/vitepress/config/packages/docs/package.json

@@ -1,11 +1,13 @@
 {
   "private": true,
   "scripts": {
-    "clean": "rimraf dist && rimraf .vitepress/cache",
+    "clean": "rimraf dist .vitepress/cache",
     "dev": "vitepress dev .",
-    "type-check": "vue-tsc --noEmit -p tsconfig.app.json --composite false",
-    "build-only": "vitepress build .",
-    "build": "pnpm run type-check && pnpm run build-only",
+    "type-check:code": "vue-tsc --noEmit -p tsconfig.app.json --composite false",
+    "type-check:config": "vue-tsc --noEmit -p tsconfig.node.json --composite false",
+    "type-check": "run-p -c type-check:*",
+    "build:only": "vitepress build .",
+    "build": "run-p -c type-check \"build:only {@}\" --",
     "preview": "vitepress preview .",
     "preinstall": "node ../../scripts/preinstall.js"
   },
@@ -16,6 +18,7 @@
     "@tsconfig/node22": "^22.0.0",
     "@types/node": "^22.13.0",
     "@vue/tsconfig": "^0.7.0",
+    "npm-run-all2": "^7.0.2",
     "rimraf": "^6.0.1",
     "typescript": "~5.7.3",
     "vitepress": "^1.6.3",

package/dist/template/vitepress/config/packages/docs/tsconfig.app.json.ejs

@@ -0,0 +1,22 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": [
+    "env.d.ts",
+    "src/**/*",
+    "src/**/*.vue",
+    ".vitepress/theme/**/*",
+    ".vitepress/theme/**/*.vue",
+    "src/**/*.md"
+  ],
+  "compilerOptions": {
+    "paths": {
+      <%_ if (config.includeAtAliases) { _%>
+      "@/*": ["./src/*"],
+      <%_ } _%>
+      "<%- config.scopedPackageName %>": ["../<%- config.mainPackageDirName %>/src/index.ts"]
+    }
+  },
+  "vueCompilerOptions": {
+    "vitePressExtensions": [".md"],
+  }
+}

package/dist/template/vitepress/config/packages/docs/tsconfig.node.json

@@ -1,16 +1,8 @@
 {
   "extends": "@tsconfig/node22/tsconfig.json",
-  "include": [
-    "vite.config.*",
-    "vitest.config.*",
-    "cypress.config.*",
-    "nightwatch.conf.*",
-    "playwright.config.*",
-    "eslint.config.*"
-  ],
+  "include": [".vitepress/config.*"],
   "compilerOptions": {
     "noEmit": true,
-    "tsBuildInfoFile": "../../node_modules/.tmp/tsconfig.docs.node.tsbuildinfo",
     "module": "ESNext",
     "moduleResolution": "Bundler",
     "types": ["node"]

package/dist/template/vitepress/examples/packages/docs/src/index.md

@@ -14,7 +14,7 @@ hero:
       link: /introduction
     - theme: alt
       text: View on GitHub
-      link: https://github.com/???/???
+      link: https://github.com/@githubPath@
     - theme: alt
       text: See a demo
       link: https://play.vuejs.org/

package/dist/template/vitepress/examples/packages/docs/src/introduction.md

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Example as ExampleComponent, MyPanel } from '@scopedPackageName@'
+import { ExampleComponent, MyPanel } from '@scopedPackageName@'
 </script>
 
 <style scoped>