@nookuio/vue 1.0.0 → 1.0.1

package/dist/runtime/components/Renderer.vue

@@ -1,43 +1,43 @@
 <script setup>
-import { computed as o, watch as s, shallowRef as i } from "vue";
-import { useQuery as m } from "../composables/useQuery";
-import "./NotFound.vue";
-const { query: e } = m(), a = o(() => e.value.path || ""), p = i(await u(a.value)), d = o(() => {
-  if (!e.value.props) return {};
+import { computed, watch, shallowRef } from "vue";
+import { useQuery } from "../composables/useQuery";
+import ErrorComponent from "./NotFound.vue";
+const { query } = useQuery(), componentPath = computed(() => query.value.path || ""), componentToRender = shallowRef(await importVueComponent(componentPath.value)), componentProps = computed(() => {
+  if (!query.value.props) return {};
   try {
-    return new Function(`return ${e.value.props}`)();
+    return new Function(`return ${query.value.props}`)();
   } catch {
     return {};
   }
 });
-async function u(n) {
-  if (!n) return;
-  const r = window?.__buildAssetsURL;
+async function importVueComponent(path) {
+  if (!path) return;
+  const buildAssetsURL = window?.__buildAssetsURL;
   try {
-    return r ? await import(
+    return buildAssetsURL ? await import(
       /* @vite-ignore */
-      r(n)
+      buildAssetsURL(path)
     ).then(
-      (t) => e.value.name ? t?.[e.value.name] : t.default
+      (c) => query.value.name ? c?.[query.value.name] : c.default
     ) : await import(
       /* @vite-ignore */
-      "/@fs/" + n
+      "/@fs/" + path
     ).then(
-      (t) => e.value.name ? t?.[e.value.name] : t.default
+      (c) => query.value.name ? c?.[query.value.name] : c.default
     );
   } catch {
     try {
       return await import(
         /* @vite-ignore */
-        n
-      ).then((t) => e.value.name ? t?.[e.value.name] : t.default);
-    } catch (t) {
-      console.log("Error importing component:", t);
+        path
+      ).then((c) => query.value.name ? c?.[query.value.name] : c.default);
+    } catch (err) {
+      console.log("Error importing component:", err);
       return;
     }
   }
 }
-s(a, async (n) => p.value = await u(n));
+watch(componentPath, async (path) => componentToRender.value = await importVueComponent(path));
 </script>
 
 <template>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nookuio/vue",
   "description": "",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {