feat: auto import components and variables

.prettierrc.json

@@ -0,0 +1,10 @@
+{
+  "useTabs": false,
+  "tabWidth": 2,
+  "trailingComma": "none",
+  "semi": true,
+  "singleQuote": true,
+  "vueIndentScriptAndStyle": false,
+  "printWidth": 250,
+  "bracketSameLine": false
+}

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "cSpell.words": ["nuxt", "tdesign"]
+}

package.json

@@ -1,8 +1,8 @@
 {
-  "name": "my-module",
+  "name": "@tdesign-vue-next/nuxt",
   "version": "1.0.0",
-  "description": "My new Nuxt module",
-  "repository": "your-org/my-module",
+  "description": "Nuxt Module for TDesign",
+  "repository": "tdesignOteam/tdesign-nuxt",
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -28,18 +28,22 @@
     "test:watch": "vitest watch"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.10.3"
+    "@nuxt/kit": "^3.10.3",
+    "lodash-es": "^4.17.21"
   },
   "devDependencies": {
-    "@types/node": "^20.11.22",
     "@nuxt/devtools": "latest",
     "@nuxt/eslint-config": "^0.2.0",
     "@nuxt/module-builder": "^0.5.5",
     "@nuxt/schema": "^3.10.3",
     "@nuxt/test-utils": "^3.11.0",
+    "@types/node": "^20.11.22",
     "changelogen": "^0.5.5",
     "eslint": "^8.57.0",
     "nuxt": "^3.10.3",
+    "pathe": "^1.1.2",
+    "prettier": "^3.2.5",
+    "tdesign-vue-next": "^1.8.1",
     "vitest": "^1.3.1"
   }
 }

playground/app.vue

@@ -1,8 +1,10 @@
 <template>
   <div>
     Nuxt module playground!
+    <t-button>1</t-button>
   </div>
 </template>
 
 <script setup>
 </script>
+

playground/nuxt.config.ts

@@ -1,5 +1,7 @@
 export default defineNuxtConfig({
   modules: ['../src/module'],
-  myModule: {},
+  build: {
+    transpile: ['tdesign-vue-next']
+  },
   devtools: { enabled: true }
-})
+});

playground/package.json

@@ -1,6 +1,6 @@
 {
   "private": true,
-  "name": "my-module-playground",
+  "name": "@tdesign-vue-next/nuxt-playground",
   "type": "module",
   "scripts": {
     "dev": "nuxi dev",

src/components.ts

@@ -0,0 +1,10 @@
+
+export const componentMap = {
+  // Basic components
+  button: ['Button', 'ButtonGroup'],
+  link: ['Link'],
+  // Layout Components
+  divider: ['divider'],
+  grid: ['Row', 'Col'],
+  layout: ['Layout', 'Header', 'Aside', 'Content', 'Footer'],
+};

src/interface.ts

@@ -0,0 +1,22 @@
+// Module options TypeScript interface definition
+export interface ModuleOptions {
+  /**
+   * resolve `tdesign-icons'
+   * @default true
+   */
+  resolveIcons?: boolean;
+  /**
+   * whether to import ESM version
+   * @default false
+   */
+  esm?: boolean;
+  /**
+   * exclude component name, if match do not resolve the name
+   *
+   */
+  exclude?: string | RegExp | (string | RegExp)[];
+  /**
+   * self-defined the component prefix
+   */
+  prefix?: string
+}

src/module.ts

@@ -1,19 +1,21 @@
-import { defineNuxtModule, addPlugin, createResolver } from '@nuxt/kit'
+import { defineNuxtModule, addPlugin, createResolver, tryResolveModule } from '@nuxt/kit';
 
-// Module options TypeScript interface definition
-export interface ModuleOptions {}
+import type { ModuleOptions } from './interface';
+import { resolveTDesignComponents, resolveTDesignVariables } from './resolvers';
 
 export default defineNuxtModule<ModuleOptions>({
   meta: {
     name: 'TDesign Vue Next Nuxt module',
-    configKey: 'myModule'
+    configKey: 'tdesign'
   },
   // Default configuration options of the Nuxt module
   defaults: {},
-  setup (options, nuxt) {
-    const resolver = createResolver(import.meta.url)
+  setup(options: ModuleOptions, nuxt) {
+    const resolver = createResolver(import.meta.url);
 
-    // Do not add the extension since the `.ts` will be transpiled to `.mjs` after `npm run prepack`
-    addPlugin(resolver.resolve('./runtime/plugin'))
+    console.log('🚀 tdesign-vue-next nuxt module is loading');
+
+    resolveTDesignVariables(options, nuxt);
+    resolveTDesignComponents(options);
   }
-})
+});