feat: add nuxt-composition-api preset

examples/nuxt/nuxt.config.js

@@ -6,7 +6,7 @@ export default {
     '@nuxtjs/composition-api/module',
     // <script setup> transformer
     'unplugin-vue2-script-setup/nuxt',
-    // auto import
-    ['unplugin-auto-import/nuxt', { imports: ['@vue/composition-api'] }],
+    // api auto import
+    ['unplugin-auto-import/nuxt', { imports: ['@nuxt/composition-api'] }],
   ],
 }

src/presets/index.ts

@@ -5,29 +5,32 @@ import vue from './vue'
 import vueDemi from './vue-demi'
 import vueI18n from './vue-i18n'
 import vueRouter from './vue-router'
-import vue2 from './vue2'
+import vueCompositionApi from './vue-composition-api'
 import vueuseCore from './vueuse-core'
 import vueuseHead from './vueuse-head'
+import nuxtCompositionApi from './nuxt-composition-api'
 
 export type PresetName =
-  | 'vue'
+  | '@nuxt/composition-api'
   | '@vue/composition-api'
+  | '@vueuse/core'
+  | '@vueuse/head'
+  | 'preact'
+  | 'react'
   | 'vue-demi'
-  | 'vue-router'
   | 'vue-i18n'
-  | 'react'
-  | 'preact'
-  | '@vueuse/head'
-  | '@vueuse/core'
+  | 'vue-router'
+  | 'vue'
 
 export const presets: Record<PresetName, ImportsMap | (() => ImportsMap)> = {
-  vue,
-  react,
-  preact,
-  '@vue/composition-api': vue2,
+  '@nuxt/composition-api': nuxtCompositionApi,
+  '@vue/composition-api': vueCompositionApi,
+  '@vueuse/core': vueuseCore,
+  '@vueuse/head': vueuseHead,
   'vue-demi': vueDemi,
-  'vue-router': vueRouter,
   'vue-i18n': vueI18n,
-  '@vueuse/head': vueuseHead,
-  '@vueuse/core': vueuseCore,
+  'vue-router': vueRouter,
+  preact,
+  react,
+  vue,
 }

src/presets/nuxt-composition-api.ts

@@ -0,0 +1,21 @@
+import { ImportsMap } from '../types'
+import { CommonCompositionAPI } from './vue'
+
+export default <ImportsMap>({
+  '@nuxt/composition-api': [
+    ...CommonCompositionAPI,
+
+    // nuxt hooks
+    'onGlobalSetup',
+    'useFetch',
+    'useAsync',
+    'useContext',
+    'ssrRef',
+    'shallowSsrRef',
+    'ssrPromise',
+    'useMeta',
+    'useStore',
+    'useRouter',
+    'useRoute',
+  ],
+})