@icebreakers/monorepo-templates 0.0.0

package/templates/vue-lib/tsconfig.json

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

package/templates/vue-lib/tsconfig.node.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "moduleDetection": "force",
+    "module": "ESNext",
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+
+    /* Linting */
+    "strict": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noEmit": true,
+    "verbatimModuleSyntax": true,
+    "erasableSyntaxOnly": true,
+    "skipLibCheck": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/templates/vue-lib/tsconfig.test.json

@@ -0,0 +1,40 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": [
+      "ES2023"
+    ],
+    "moduleDetection": "force",
+    "baseUrl": ".",
+    "module": "ESNext",
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "paths": {
+      "@/*": [
+        "./src"
+      ],
+      "~/*": [
+        "./lib"
+      ]
+    },
+    "types": [
+      "vitest/globals"
+    ],
+    "allowImportingTsExtensions": true,
+    /* Linting */
+    "strict": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noEmit": true,
+    "verbatimModuleSyntax": true,
+    "erasableSyntaxOnly": true,
+    "skipLibCheck": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": [
+    "test/**/*.ts"
+  ]
+}

package/templates/vue-lib/vite.config.ts

@@ -0,0 +1,54 @@
+import type { PluginOption, UserConfig } from 'vite'
+import Tailwindcss from '@tailwindcss/vite'
+import Vue from '@vitejs/plugin-vue'
+import path from 'pathe'
+import VueRouter from 'unplugin-vue-router/vite'
+import { mergeConfig } from 'vite'
+import DTS from 'vite-plugin-dts'
+import { sharedConfig } from './vite.shared.config'
+
+// 某些插件仍引用旧版 Vite 类型，这里统一断言到当前工程使用的 PluginOption，避免类型不兼容。
+const ensureVitePlugin = <T>(plugin: T) => plugin as unknown as PluginOption
+
+export default mergeConfig(sharedConfig, {
+  plugins: [
+    ensureVitePlugin(
+      VueRouter(
+        {
+          dts: path.relative(import.meta.dirname, './types/typed-router.d.ts'),
+        },
+      ),
+    ),
+    ensureVitePlugin(Vue()),
+    ensureVitePlugin(
+      DTS(
+        {
+          tsconfigPath: './tsconfig.app.json',
+          entryRoot: './lib',
+        },
+      ),
+    ),
+    ensureVitePlugin(Tailwindcss()),
+  ],
+  // https://vite.dev/guide/build.html#library-mode
+  build: {
+    lib: {
+      entry: path.resolve(import.meta.dirname, 'lib/index'),
+      name: 'icebreaker',
+      // the proper extensions will be added
+      fileName: 'index',
+    },
+    rollupOptions: {
+      // make sure to externalize deps that shouldn't be bundled
+      // into your library
+      external: ['vue'],
+      output: {
+        // Provide global variables to use in the UMD build
+        // for externalized deps
+        globals: {
+          vue: 'Vue',
+        },
+      },
+    },
+  },
+} satisfies UserConfig)

package/templates/vue-lib/vite.shared.config.ts

@@ -0,0 +1,13 @@
+import path from 'pathe'
+
+// https://vite.dev/guide/build.html#library-mode
+import { defineConfig } from 'vite'
+
+export const sharedConfig = defineConfig({
+  resolve: {
+    alias: {
+      '@': path.resolve(import.meta.dirname, 'src'),
+      '~': path.resolve(import.meta.dirname, 'lib'),
+    },
+  },
+})

package/templates/vue-lib/vitest.config.ts

@@ -0,0 +1,13 @@
+import type { UserConfig } from 'vite'
+import Vue from '@vitejs/plugin-vue'
+import { mergeConfig } from 'vitest/config'
+import { sharedConfig } from './vite.shared.config'
+
+export default mergeConfig(sharedConfig, {
+  test: {
+    globals: true,
+    testTimeout: 60_000,
+    environment: 'jsdom',
+  },
+  plugins: [Vue()],
+} satisfies UserConfig)