create-vue-workspace 0.1.0

package/templates/hook/use-{{kebab}}.ts

@@ -0,0 +1,26 @@
+import { computed, ref, type ComputedRef, type Ref } from 'vue';
+
+export interface Use{{pascal}}Result {
+  /** 当前值 */
+  value: Ref<boolean>;
+  /** 取反后的值 */
+  negated: ComputedRef<boolean>;
+  /** 切换当前值 */
+  toggle: () => void;
+}
+
+/**
+ * TODO: 替换为 use{{pascal}} 的真实实现。
+ * 约定：入参为配置对象，返回 Ref / ComputedRef 与操作函数，便于在组件间复用。
+ */
+export function use{{pascal}}(initialValue = false): Use{{pascal}}Result {
+  const value = ref(initialValue);
+
+  const negated = computed(() => !value.value);
+
+  function toggle(): void {
+    value.value = !value.value;
+  }
+
+  return { value, negated, toggle };
+}

package/templates/pkg-lib/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "{{packageName}}",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    }
+  },
+  "files": ["dist"],
+  "scripts": {
+    "build": "vite build",
+    "typecheck": "tsc --noEmit"
+  },
+  "devDependencies": {
+    "typescript": "^5.7.2",
+    "vite": "^6.0.7",
+    "vite-plugin-dts": "^4.4.0"{{vueDevDependency}}
+  }{{vuePeerDependencies}}
+}

package/templates/pkg-lib/src/index.ts

@@ -0,0 +1,5 @@
+/**
+ * {{packageName}} 的出口。
+ * 执行 `cvw g util <name>` 会自动在此追加 re-export。
+ */
+export const PACKAGE_NAME = '{{packageName}}';

package/templates/pkg-lib/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "include": ["src/**/*.ts", "src/**/*.tsx", "vite.config.ts"]
+}

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

@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
+
+export default defineConfig({
+  plugins: [dts({ rollupTypes: true })],
+  build: {
+    lib: {
+      entry: 'src/index.ts',
+      formats: ['es'],
+      fileName: () => 'index.mjs',
+    },
+    rollupOptions: {
+      // vue 只可能被可选依赖，标记为外部依赖无副作用
+      external: ['vue'],
+    },
+  },
+});

package/templates/pkg-ui/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "{{scope}}/ui",
+  "version": "0.1.0",
+  "type": "module",
+  "sideEffects": ["**/*.css", "**/*.scss"],
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    },
+    "./style": "./dist/style.css"
+  },
+  "files": ["dist"],
+  "scripts": {
+    "build": "vite build",
+    "typecheck": "vue-tsc --noEmit"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue-jsx": "^4.1.1",
+    "sass": "^1.83.0",
+    "vite": "^6.0.7",
+    "vite-plugin-dts": "^4.4.0",
+    "vue-tsc": "^2.2.0"
+  }
+}

package/templates/pkg-ui/src/index.ts

@@ -0,0 +1,7 @@
+import './styles/index.scss';
+
+/**
+ * 组件聚合包出口。
+ * 执行 `cvw g c <name>` 后，脚手架会自动在此追加 `export * from '@<scope>/<name>'`。
+ */
+export const UI_PACKAGE_NAME = '{{scope}}/ui';

package/templates/pkg-ui/src/styles/index.scss

@@ -0,0 +1,6 @@
+// 组件库共享样式与 Design Token
+:root {
+  --f-color-primary: #4a7dff;
+  --f-color-text: #252b3a;
+  --f-border-radius: 4px;
+}

package/templates/pkg-ui/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "include": ["src/**/*.ts", "src/**/*.tsx", "vite.config.ts"]
+}

package/templates/pkg-ui/vite.config.ts

@@ -0,0 +1,17 @@
+import vueJsx from '@vitejs/plugin-vue-jsx';
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
+
+export default defineConfig({
+  plugins: [vueJsx(), dts({ rollupTypes: true })],
+  build: {
+    lib: {
+      entry: 'src/index.ts',
+      formats: ['es'],
+      fileName: () => 'index.mjs',
+    },
+    rollupOptions: {
+      external: ['vue'],
+    },
+  },
+});

package/templates/pkg-utils/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "{{scope}}/utils",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    }
+  },
+  "files": ["dist"],
+  "scripts": {
+    "build": "vite build",
+    "typecheck": "tsc --noEmit"
+  },
+  "devDependencies": {
+    "typescript": "^5.7.2",
+    "vite": "^6.0.7",
+    "vite-plugin-dts": "^4.4.0"
+  }
+}

package/templates/pkg-utils/src/index.ts

@@ -0,0 +1,20 @@
+/** 判断值是否为空（null / undefined / 空字符串） */
+export function isEmpty(value: unknown): boolean {
+  return value === null || value === undefined || value === '';
+}
+
+/** 数组去重（按自定义 key） */
+export function uniqueBy<T>(items: T[], getKey: (item: T) => string | number): T[] {
+  const seen = new Set<string | number>();
+
+  return items.filter((item) => {
+    const key = getKey(item);
+
+    if (seen.has(key)) {
+      return false;
+    }
+
+    seen.add(key);
+    return true;
+  });
+}

package/templates/pkg-utils/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "include": ["src/**/*.ts", "vite.config.ts"]
+}

package/templates/pkg-utils/vite.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
+
+export default defineConfig({
+  plugins: [dts({ rollupTypes: true })],
+  build: {
+    lib: {
+      entry: 'src/index.ts',
+      formats: ['es'],
+      fileName: () => 'index.mjs',
+    },
+  },
+});

package/templates/util/{{kebab}}.ts

@@ -0,0 +1,4 @@
+/** TODO: 替换为 {{pascal}} 的真实实现与说明 */
+export function {{camel}}<T>(input: T): T {
+  return input;
+}

package/templates/view/{{fileName}}.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+const title = '{{pascal}}';
+</script>
+
+<template>
+  <section class="{{kebab}}">
+    <h2>{{ title }}</h2>
+  </section>
+</template>
+
+<style scoped>
+.{{kebab}} {
+  padding: 16px;
+}
+</style>