feat: support vue 2.7

README.md

@@ -357,6 +357,9 @@ Components({
   // filters for transforming targets
   include: [/\.vue$/, /\.vue\?vue/],
   exclude: [/[\\/]node_modules[\\/]/, /[\\/]\.git[\\/]/, /[\\/]\.nuxt[\\/]/],
+
+  // The dts file have different namespace if the vue is version 2.7
+  vueVersion: '2.7.0'
 })
 ```
 

src/core/declaration.ts

@@ -114,15 +114,24 @@ export function getDeclaration(ctx: Context, filepath: string, originalImports?:
     directive: stringifyDeclarationImports({ ...originalImports?.directive, ...imports.directive }),
   }
 
-  let code = `// generated by unplugin-vue-components
-// We suggest you to commit this file into source control
-// Read more: https://github.com/vuejs/core/pull/3399
+  const isVue27 = ctx.options.vueVersion ? ctx.options.vueVersion.startsWith('2.7') : false
+  let dtsHead = ''
+  isVue27
+    ? dtsHead = `  
+export {}
+
+declare module 'vue' {`
+    : dtsHead = `
 import '@vue/runtime-core'
 
 export {}
 
 declare module '@vue/runtime-core' {`
 
+  let code = `// generated by unplugin-vue-components
+// We suggest you to commit this file into source control
+// Read more: https://github.com/vuejs/core/pull/3399${dtsHead}`
+
   if (Object.keys(declarations.component).length > 0) {
     code += `
   export interface GlobalComponents {

src/core/options.ts

@@ -4,7 +4,7 @@ import { getPackageInfoSync, isPackageExists } from 'local-pkg'
 import type { ComponentResolver, ComponentResolverObject, Options, ResolvedOptions } from '../types'
 import { detectTypeImports } from './type-imports/detect'
 
-export const defaultOptions: Omit<Required<Options>, 'include' | 'exclude' | 'transformer' | 'globs' | 'directives' | 'types'> = {
+export const defaultOptions: Omit<Required<Options>, 'include' | 'exclude' | 'transformer' | 'globs' | 'directives' | 'types' | 'vueVersion'> = {
   dirs: 'src/components',
   extensions: 'vue',
   deep: true,

src/types.ts

@@ -171,6 +171,11 @@ export interface Options {
    * Only provide types of components in library (registered globally)
    **/
   types?: TypeImport[]
+
+  /**
+   * Passing Project Vue Version for Declaration
+   */
+  vueVersion?: String
 }
 
 export type ResolvedOptions = Omit<

test/__snapshots__/dts.test.ts.snap

@@ -18,6 +18,22 @@ declare module '@vue/runtime-core' {
 "
 `;
 
+exports[`dts > components only vue2.7 1`] = `
+"// generated by unplugin-vue-components
+// We suggest you to commit this file into source control
+// Read more: https://github.com/vuejs/core/pull/3399  
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    TestComp: typeof import('test/component/TestComp')['default']
+  }
+}
+"
+`;
+
 exports[`dts > directive only 1`] = `
 "// generated by unplugin-vue-components
 // We suggest you to commit this file into source control

test/dts.test.ts

@@ -95,6 +95,19 @@ const _directive_loading = _resolveDirective("loading")`
     expect(declarations).toMatchSnapshot()
   })
 
+  test('components only vue2.7', async () => {
+    const ctx = new Context({
+      resolvers: resolver,
+      directives: true,
+    })
+    ctx.options.vueVersion = '2.7.1'
+    const code = 'const _component_test_comp = _resolveComponent("test-comp")'
+    await ctx.transform(code, '')
+
+    const declarations = getDeclaration(ctx, 'test.d.ts')
+    expect(declarations).toMatchSnapshot()
+  })
+
   test('directive only', async () => {
     const ctx = new Context({
       resolvers: resolver,