wip: vite 2.0 support

Author: antfu

README.md

@@ -30,10 +30,12 @@ Add it to `vite.config.js`
 
 ```ts
 // vite.config.js
+import Vue from '@vitejs/plugin-vue'
 import ViteComponents from 'vite-plugin-components'
 
 export default {
   plugins: [
+    Vue(),
     ViteComponents()
   ],
 };
@@ -99,12 +101,6 @@ ViteComponents({
   // Subdirectory paths for ignoring namespace prefixes
   // works when `directoryAsNamespace: true`
   globalNamespaces: [],
-  
-  // vite config
-  // currently, vite does not provide an API for plugins to get the config https://github.com/vitejs/vite/issues/738
-  // you will need to pass `alias` and `root` if you set them in vite config
-  alias: {},
-  root: process.cwd(),
 })
 ```
 

example/package.json

@@ -7,15 +7,16 @@
     "build": "cross-env DEBUG=vite-plugin-components:* vite build"
   },
   "dependencies": {
-    "vue": "^3.0.3",
-    "vant": "^3.0.1"
+    "vant": "^3.0.2",
+    "vue": "^3.0.5"
   },
   "devDependencies": {
-    "@vue/compiler-sfc": "^3.0.3",
-    "cross-env": "^7.0.2",
-    "typescript": "^4.1.2",
-    "vite": "^1.0.0-rc.13",
+    "@vitejs/plugin-vue": "^1.0.3",
+    "@vue/compiler-sfc": "^3.0.5",
+    "cross-env": "^7.0.3",
+    "typescript": "^4.1.3",
+    "vite": "^2.0.0-beta.2",
     "vite-plugin-components": "workspace:*",
-    "vite-plugin-md": "^0.1.2"
+    "vite-plugin-md": "^0.1.5"
   }
 }

example/vite.config.ts

@@ -1,24 +1,21 @@
 import path from 'path'
 import { UserConfig } from 'vite'
+import Vue from '@vitejs/plugin-vue'
 import ViteComponents from 'vite-plugin-components'
-import Markdown from 'vite-plugin-md'
-
-const alias = {
-  '/~/': path.resolve(__dirname, 'src'),
-}
+// import Markdown from 'vite-plugin-md'
 
 const config: UserConfig = {
   alias: {
     '/~/': path.resolve(__dirname, 'src'),
   },
   plugins: [
-    Markdown(),
+    Vue(),
+    // Markdown(),
     ViteComponents({
-      extensions: ['vue', 'md'],
-      alias,
+      // extensions: ['vue', 'md'],
       directoryAsNamespace: true,
       globalNamespaces: ['global'],
-      customLoaderMatcher: ({ path }) => path.endsWith('.md'),
+      customLoaderMatcher: path => path.endsWith('.md'),
       customComponentResolvers: [
         (name) => {
           if (name === 'MyCustom')

package.json

@@ -21,24 +21,25 @@
     "example:dev": "npm -C example run dev",
     "example:build": "npm -C example run build",
     "build": "tsup src/index.ts --dts --format cjs,esm",
-    "prepare": "npm run build",
+    "prepublishOnly": "npm run build",
     "release": "standard-version && npm publish && git push"
   },
   "dependencies": {
-    "debug": "^4.3.1",
+    "debug": "^4.3.2",
     "fast-glob": "^3.2.4",
     "minimatch": "^3.0.4"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^0.4.3",
     "@types/debug": "^4.1.5",
     "@types/minimatch": "^3.0.3",
-    "@typescript-eslint/eslint-plugin": "^4.8.2",
-    "eslint": "^7.14.0",
-    "rollup": "^2.33.3",
-    "standard-version": "^9.0.0",
-    "tsup": "^3.10.1",
-    "typescript": "^4.1.2",
-    "vite": "^1.0.0-rc.13"
+    "@types/node": "^14.14.19",
+    "@typescript-eslint/eslint-plugin": "^4.11.1",
+    "eslint": "^7.17.0",
+    "rollup": "^2.35.1",
+    "standard-version": "^9.1.0",
+    "tsup": "^3.11.0",
+    "typescript": "^4.1.3",
+    "vite": "^2.0.0-beta.2"
   }
 }