@primate/vue 0.12.0 → 0.13.1

package/lib/private/Runtime.js

@@ -6,8 +6,8 @@ export default class Runtime extends FrontendModule {
     defaultExtensions = [".vue"];
     layouts = true;
     client = true;
-    render = async (component, props) => {
-        const app = createSSRApp(component, { p: { ...props } });
+    render = async (view, props) => {
+        const app = createSSRApp(view, { p: { ...props } });
         const html = await renderToString(app);
         return { body: `<div id="app">${html}</div>` };
     };

package/lib/private/client/index.d.ts

@@ -1,11 +1,11 @@
 import type ClientData from "@primate/core/client/Data";
 import type Dict from "@rcompat/type/Dict";
 type Data = ClientData<{
-    components: string[];
+    views: string[];
     props: Dict[];
 }>;
 export default class VueClient {
-    static mount(_component: string, data: ClientData<Data>): void;
+    static mount(_view: string, data: ClientData<Data>): void;
 }
 export {};
 //# sourceMappingURL=index.d.ts.map

package/lib/private/client/index.js

@@ -1,13 +1,13 @@
 import spa from "@primate/core/client/spa";
 import { createSSRApp } from "vue";
-import * as components from "vue:components";
 import root from "vue:root";
+import * as views from "vue:views";
 export default class VueClient {
-    static mount(_component, data) {
-        const resolve = (names) => names.map((n) => components[n]);
+    static mount(_view, data) {
+        const resolve = (names) => names.map((n) => views[n]);
         let app = createSSRApp(root, {
             p: {
-                components: resolve(data.components),
+                views: resolve(data.views),
                 props: data.props,
                 request: data.request,
                 update: undefined,
@@ -19,7 +19,7 @@ export default class VueClient {
                 app.unmount();
                 app = createSSRApp(root, {
                     p: {
-                        components: resolve(next.components),
+                        views: resolve(next.views),
                         props: next.props,
                         request: next.request,
                         update,

package/lib/private/create-root.js

@@ -1,18 +1,16 @@
 export default (depth, i18n_active) => {
-    const n = depth - 1;
-    // Build the nested component structure more carefully
-    const buildComponent = (index) => {
-        if (index === n) {
-            // Base case: render the deepest component
-            return `h(p.components[${index}], p.props[${index}] || {})`;
-        }
+    const n = depth;
+    const build_view = (index) => {
+        // anchor case: render the deepest view
+        if (index === n)
+            return `h(p.views[${index}], p.props[${index}] || {})`;
         else {
-            // Recursive case: render component with child
-            const child = buildComponent(index + 1);
-            return `h(p.components[${index}], p.props[${index}] || {}, () => [${child}])`;
+            // recursive case: render view with child
+            const child = build_view(index + 1);
+            return `h(p.views[${index}], p.props[${index}] || {}, () => [${child}])`;
         }
     };
-    const body = depth > 0 ? buildComponent(0) : "h(\"div\")";
+    const body = depth > 0 ? build_view(0) : "h(\"div\")";
     const vueImports = `import {
     defineComponent, h${i18n_active ? ", ref, onMounted, onUnmounted" : ""}
     } from "vue";`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primate/vue",
-  "version": "0.12.0",
+  "version": "0.13.1",
   "description": "Primate Vue frontend",
   "homepage": "https://primate.run/docs/frontend/vue",
   "bugs": "https://github.com/primate-run/primate/issues",
@@ -17,11 +17,11 @@
   },
   "dependencies": {
     "@rcompat/build": "^0.14.0",
-    "@primate/core": "^0.2.0"
+    "@primate/core": "^0.3.1"
   },
   "peerDependencies": {
     "vue": "3",
-    "primate": "^0.33.0"
+    "primate": "^0.34.0"
   },
   "type": "module",
   "imports": {