@primate/vue 0.6.0 → 0.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primate/vue",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "Primate Vue module",
   "homepage": "https://primatejs.com/modules/vue",
   "bugs": "https://github.com/primatejs/primate/issues",
@@ -15,11 +15,11 @@
     "directory": "packages/vue"
   },
   "dependencies": {
-    "runtime-compat": "^0.20.2",
+    "runtime-compat": "^0.24.1",
     "vue": "^3.3.4"
   },
   "peerDependencies": {
-    "primate": "0.20"
+    "primate": "0.21"
   },
   "type": "module",
   "main": "./src/exports.js"

package/src/module.js

@@ -1,3 +1,4 @@
+import {Response, Status, MediaType} from "runtime-compat/http";
 import {createSSRApp} from "vue";
 import {renderToString} from "vue/server-renderer";
 import {parse} from "vue/compiler-sfc";
@@ -7,27 +8,26 @@ const render = (template, props) => {
   return renderToString(app);
 };
 
-const handler = _ => (name, props = {}, {status = 200} = {}) => async app => {
-  const {paths, config} = app;
-  const target = paths.server.join(config.build.app).join(`${name}.js`);
+const handler = (name, props = {}, {status = Status.OK} = {}) => async app => {
+  const {build, config} = app;
+  const target = build.paths.server.join(config.build.app).join(`${name}.js`);
   const body = await render(await target.text(), props);
 
-  // -> spread into new Response()
-  return [await app.render({body}), {
+  return new Response(await app.render({body}), {
     status,
-    headers: {...app.headers(), "Content-Type": "text/html"},
-  }];
+    headers: {...app.headers(), "Content-Type": MediaType.TEXT_HTML},
+  });
 };
 
-export default ({directory} = {}) => ({
+export default _ => ({
   name: "@primate/vue",
   register(app, next) {
-    app.register("vue", handler(directory ?? app.paths.components));
+    app.register("vue", handler);
     return next(app);
   },
   async compile(app, next) {
-    const source = directory ?? app.paths.components;
-    const target = app.paths.server.join(app.config.build.app);
+    const source = app.build.paths.components;
+    const target = app.build.paths.server.join(app.config.build.app);
     await target.file.create();
     const vue = ".vue";
     const components = await source.list(filename => filename.endsWith(vue));