feat: add Naive UI resolver

unplugin · Jun 11, 2021 · 16714e8 · 16714e8
1 parent c889aaf
commit 16714e8
Show file tree

Hide file tree

Showing 9 changed files with 613 additions and 80 deletions.
diff --git a/examples/naive-ui/components.d.ts b/examples/naive-ui/components.d.ts
@@ -0,0 +1,10 @@
+// generated by vite-plugin-components
+// read more https://github.com/vuejs/vue-next/pull/3399
+
+declare module 'vue' {
+  export interface GlobalComponents {
+
+  }
+}
+
+export { }
diff --git a/examples/naive-ui/index.html b/examples/naive-ui/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Vite App</title>
+</head>
+<body>
+  <div id="app" style="padding: 20px"></div>
+  <script type="module" src="/src/main.ts"></script>
+</body>
+</html>
diff --git a/examples/naive-ui/package.json b/examples/naive-ui/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "fixture",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "cross-env DEBUG=vite-plugin-components:* vite",
+    "build": "cross-env DEBUG=vite-plugin-components:* vite build"
+  },
+  "dependencies": {
+    "naive-ui": "^2.11.5",
+    "vant": "^3.0.13",
+    "vue": "^3.0.11"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^1.2.1",
+    "@vue/compiler-sfc": "^3.0.11",
+    "cross-env": "^7.0.3",
+    "typescript": "^4.2.4",
+    "vite": "^2.1.5",
+    "vite-plugin-components": "workspace:*",
+    "vite-plugin-md": "^0.6.3",
+    "vite-plugin-vue-svg": "^0.1.0"
+  }
+}
diff --git a/examples/naive-ui/src/App.vue b/examples/naive-ui/src/App.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import { zhCN, dateZhCN } from 'naive-ui'
+</script>
+
+<template>
+  <n-config-provider :locale="zhCN" :date-locale="dateZhCN">
+    <n-space vertical>
+      <n-input />
+      <n-date-picker />
+    </n-space>
+  </n-config-provider>
+</template>
diff --git a/examples/naive-ui/src/main.ts b/examples/naive-ui/src/main.ts
@@ -0,0 +1,4 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).mount('#app')
diff --git a/examples/naive-ui/vite.config.ts b/examples/naive-ui/vite.config.ts
@@ -0,0 +1,25 @@
+import path from 'path'
+import { UserConfig } from 'vite'
+import Vue from '@vitejs/plugin-vue'
+import ViteComponents, { NaiveUiResolver } from 'vite-plugin-components'
+
+const config: UserConfig = {
+  resolve: {
+    alias: {
+      '/~/': `${path.resolve(__dirname, 'src')}/`,
+    },
+  },
+  plugins: [
+    Vue({
+      include: [/\.vue$/, /\.md$/],
+    }),
+    ViteComponents({
+      customComponentResolvers: [
+        NaiveUiResolver(),
+      ],
+      globalComponentsDeclaration: true,
+    }),
+  ],
+}
+
+export default config