@jctrans-materials/nuxt 1.0.0

package/README.md

@@ -0,0 +1,75 @@
+# Nuxt Minimal Starter
+
+Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

package/nuxt.config.ts

@@ -0,0 +1,5 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  compatibilityDate: '2025-07-15',
+  devtools: { enabled: true }
+})

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@jctrans-materials/nuxt",
+  "type": "module",
+  "version": "1.0.0",
+  "description": "Nuxt module for JCtrans UI components",
+  "exports": {
+    ".": "./src/module.ts"
+  },
+  "dependencies": {
+    "nuxt": "^3.0.0",
+    "@nuxt/kit": "^3.0.0",
+    "vue": "^3.5.26",
+    "vue-router": "^4.6.4",
+    "@jctrans-materials/comps-vue3": "1.0.0"
+  },
+  "peerDependencies": {
+    "nuxt": "^3.0.0",
+    "@jctrans-materials/comps-vue3": "1.0.0"
+  },
+  "devDependencies": {
+    "@nuxt/module-builder": "latest"
+  },
+  "scripts": {
+    "build": "nuxt-module-build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  }
+}

package/public/robots.txt

@@ -0,0 +1,2 @@
+User-Agent: *
+Disallow:

package/src/module.ts

@@ -0,0 +1,57 @@
+import {
+  defineNuxtModule,
+  addComponent,
+  addPlugin,
+  createResolver,
+} from "nuxt/kit";
+
+// 定义模块配置项（如果以后需要传参，比如 jctrans: { prefix: 'JC' }）
+export interface ModuleOptions {
+  /**
+   * 是否自动引入样式
+   * @default true
+   */
+  addStyle?: boolean;
+}
+
+export default defineNuxtModule<ModuleOptions>({
+  meta: {
+    name: "@jctrans-materials/nuxt",
+    configKey: "jctrans", // 在 nuxt.config.ts 中使用的键名
+    compatibility: {
+      nuxt: "^3.0.0",
+    },
+  },
+  defaults: {
+    addStyle: true,
+  },
+  setup(options, nuxt) {
+    const { resolve } = createResolver(import.meta.url);
+
+    // 1. 自动注入样式文件
+    // 用户不再需要手动 import '@jctrans-materials/comps/style.css'
+    if (options.addStyle) {
+      nuxt.options.css.push("@jctrans-materials/comps-vue3/index.css");
+    }
+
+    // 2. 自动注册组件 (Auto-import)
+    // 这样用户在页面里直接写 <Search /> 即可，无需 import
+    const components = ["JcSearch", "ApplyDataDialog"];
+
+    components.forEach((name) => {
+      addComponent({
+        name: name, // 组件在模板中的标签名
+        export: name, // 从基础库中导出的具名对象名
+        filePath: "@jctrans-materials/comps-vue3", // 来源库
+      });
+    });
+
+    // 3. 处理 SSR 转译
+    // 确保 Nuxt 能够正确处理组件库里的 ESM 代码
+    nuxt.options.build.transpile.push("@jctrans-materials/comps-vue3", "element-plus");
+
+    // 4. 注册运行时插件 (用于指令等)
+    // 如果你的组件库在 install 里注册了全局指令，需要在这里指向一个插件文件
+    addPlugin(resolve("./runtime/plugin"));
+  },
+});

package/src/runtime/plugin.ts

@@ -0,0 +1,8 @@
+import { defineNuxtPlugin } from "#app";
+import JCtransComps from "@jctrans-materials/comps-vue3";
+
+export default defineNuxtPlugin((nuxtApp) => {
+  // 此时组件已经被 addComponent 自动注册了，
+  // 我们这里主要执行基础库里的 install 函数，用于挂载指令或全局属性
+  nuxtApp.vueApp.use(JCtransComps);
+});

package/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  // https://nuxt.com/docs/guide/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json",
+  "compilerOptions": {
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "allowJs": true,
+    "strict": false
+  }
+}