fix: import composables from #imports

Author: aerophobic

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blokwise/dynamic",
-  "version": "2.0.0-3",
+  "version": "2.0.0-4",
   "description": "Load components initialized through @nuxt/components dyamically.",
   "author": "Julian Derungs <julian.derungs@deepbase.ch>",
   "license": "MIT",

src/module.ts

@@ -27,14 +27,22 @@ export default defineNuxtModule<ModuleOptions>({
     const runtimeDir = fileURLToPath(new URL('./runtime', import.meta.url))
     nuxt.options.build.transpile.push(runtimeDir)
 
-    // add blokwise dynamic components
+    // add blokwise dynamic component
     nuxt.hook('components:dirs', (dirs) => {
       dirs.push({
-        path: resolve(runtimeDir, 'components'),
+        path: resolve(runtimeDir, 'components', 'dynamic'),
         prefix: options.prefix
       })
     })
 
+    // add blokwise dynamic fallback component
+    nuxt.hook('components:dirs', (dirs) => {
+      dirs.push({
+        path: resolve(runtimeDir, 'components', 'fallback'),
+        prefix: 'NuxtDynamicComponent'
+      })
+    })
+
     // Add blokwise dynamic composables
     nuxt.hook('autoImports:dirs', (dirs) => {
       dirs.push(resolve(runtimeDir, 'composables'))

src/runtime/components/Dynamic.vue src/runtime/components/dynamic/Dynamic.vue

@@ -115,7 +115,7 @@ watch(
         if (c.componentNames.includes(componentName.value)) {
           return c[componentName.value]
         }
-        return c.NotFound
+        return c.NuxtDynamicComponentNotFound
       })
     )
   },