refactor: support vite 2

Author: antfu

CHANGELOG.md

@@ -20,6 +20,8 @@
 
 ## Usage
 
+> ℹ️ **Vite 2 is supported from `v0.6.x`, Vite 1's support is discontinued.**
+
 Install
 
 ```bash

README.md

@@ -15,8 +15,8 @@
     "@vue/compiler-sfc": "^3.0.5",
     "cross-env": "^7.0.3",
     "typescript": "^4.1.3",
-    "vite": "^2.0.0-beta.2",
+    "vite": "^2.0.0-beta.3",
     "vite-plugin-components": "workspace:*",
-    "vite-plugin-md": "^0.1.5"
+    "vite-plugin-md": "^0.2.0"
   }
 }

example/package.json

@@ -1,6 +1,6 @@
 import { createApp } from 'vue'
 import App from '/src/App.vue'
 import './index.css'
-import 'vant/lib/index.css'
+// import 'vant/lib/index.css'
 
 createApp(App).mount('#app')

example/src/main.ts

@@ -2,17 +2,17 @@ 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'
+import Markdown from 'vite-plugin-md'
 
 const config: UserConfig = {
   alias: {
     '/~/': path.resolve(__dirname, 'src'),
   },
   plugins: [
     Vue(),
-    // Markdown(),
+    Markdown(),
     ViteComponents({
-      // extensions: ['vue', 'md'],
+      extensions: ['vue', 'md'],
       directoryAsNamespace: true,
       globalNamespaces: ['global'],
       customLoaderMatcher: path => path.endsWith('.md'),

example/vite.config.ts

@@ -22,7 +22,7 @@
     "example:build": "npm -C example run build",
     "build": "tsup src/index.ts --dts --format cjs,esm",
     "prepublishOnly": "npm run build",
-    "release": "standard-version && npm publish && git push"
+    "release": "npx bumpp --commit --tag --push && npm publish"
   },
   "dependencies": {
     "debug": "^4.3.2",
@@ -40,6 +40,6 @@
     "standard-version": "^9.1.0",
     "tsup": "^3.11.0",
     "typescript": "^4.1.3",
-    "vite": "^2.0.0-beta.2"
+    "vite": "^2.0.0-beta.3"
   }
 }

package.json

@@ -1,9 +1,7 @@
 import type { Plugin } from 'vite'
 import { Options } from './types'
-import { VueScriptTransformer } from './transforms/vueScript'
-import { VueTemplateTransformer } from './transforms/vueTemplate'
 import { Context } from './context'
-import { VueScriptSetupTransformer } from './transforms/vueScriptSetup'
+import { VueTransformer } from './transforms/vue'
 import { CustomComponentTransformer } from './transforms/customComponent'
 import { parseId, resolveOptions } from './utils'
 import { generateResolver, isResolverPath } from './generator/importer'
@@ -26,9 +24,7 @@ function VitePluginComponents(options: Options = {}): Plugin {
   const ctx: Context = new Context(resolveOptions(options, defaultOptions))
 
   const transformer = [
-    VueScriptSetupTransformer(ctx),
-    // VueScriptTransformer(ctx),
-    VueTemplateTransformer(ctx),
+    VueTransformer(ctx),
     CustomComponentTransformer(ctx),
   ]
 

pnpm-lock.yaml

@@ -3,9 +3,9 @@ import { Transformer } from '../types'
 import { Context } from '../context'
 import { pascalCase, stringifyComponentImport } from '../utils'
 
-const debug = Debug('vite-plugin-components:transform:script-setup')
+const debug = Debug('vite-plugin-components:transform')
 
-export function VueScriptSetupTransformer(ctx: Context): Transformer {
+export function VueTransformer(ctx: Context): Transformer {
   return (code, id, path, query) => {
     if (!path.endsWith('.vue'))
       return code