refactor: use runtime/ directory for library code (#480)

Author: pi0

package.json

@@ -20,18 +20,16 @@
   "sideEffects": true,
   "exports": {
     ".": {
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "import": "./dist/runtime/index.mjs",
+      "require": "./dist/runtime/index.js"
     },
     "./module": "./dist/module.js",
     "./package.json": "./package.json",
     "./dist/babel-plugin": "./dist/babel-plugin.js",
-    "./dist/runtime/globals": "./dist/runtime/globals.js",
-    "./dist/runtime/register": "./dist/runtime/register.js",
-    "./dist/runtime/templates/*": "./dist/runtime/templates/*"
+    "./dist/runtime/*": "./dist/runtime/*"
   },
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
+  "main": "./dist/runtime/index.js",
+  "module": "./dist/runtime/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist",

src/index.ts

@@ -1 +1,2 @@
-export * from './runtime/composables'
+/* dummy entry for types field */
+export * from './runtime'

src/module.ts

@@ -14,18 +14,11 @@ const compositionApiModule: Module<never> = function compositionApiModule() {
 
   addGlobalsFile.call(this)
 
-  // Add library alias for benefit of vite
-
-  nuxtOptions.alias['~composition-api'] = resolve(__dirname, 'index.mjs')
-
   // Force transpilation of this library (to enable resolution of globals file)
 
+  const runtimeDir = resolve(__dirname, 'runtime')
   nuxtOptions.build.transpile = nuxtOptions.build.transpile || []
-  nuxtOptions.build.transpile.push(
-    '@nuxtjs/composition-api',
-    '~composition-api',
-    __dirname
-  )
+  nuxtOptions.build.transpile.push('@nuxtjs/composition-api', runtimeDir)
 
   // Define @vue/composition-api resolution to prevent using different versions of @vue/composition-api
 

src/runtime/composables/index.ts

@@ -1,4 +1,4 @@
-import '@nuxtjs/composition-api/dist/runtime/register'
+import '../register'
 
 export { useAsync } from './async'
 export { defineComponent } from './component'

src/runtime/index.ts

@@ -0,0 +1 @@
+export * from './composables'

src/vite-plugin.ts

@@ -17,10 +17,6 @@ export function compositionApiPlugin(): Plugin & { enforce: 'pre' } {
     name: 'nuxt:composition-api',
     enforce: 'pre',
     transform(code: string, filename: string) {
-      code = code.replace(
-        /@nuxtjs[\\/]composition-api(?![\\/])/g,
-        '~composition-api'
-      )
       const keyedFunctions =
         /(useStatic|shallowSsrRef|ssrPromise|ssrRef|reqSsrRef|useAsync)/
       if (!keyedFunctions.test(code)) {

test/fixture/nuxt.config.ts

@@ -27,7 +27,7 @@ export default <NuxtConfig>{
     ),
     '@nuxtjs/composition-api': join(
       rootDir,
-      inDevelopment ? 'src/index.ts' : 'dist/index.js'
+      inDevelopment ? 'src/runtime/index.ts' : 'dist/runtime/index.js'
     ),
   },
   target: isGenerated ? 'static' : 'server',