@revojs/vue 0.1.44 → 0.1.46

package/dist/index.d.mts

@@ -1,8 +1,10 @@
+import { Options } from "@vitejs/plugin-vue";
 import { App, Module } from "revojs";
 
 //#region src/index.d.ts
 interface VueOptions {
   serverSideRendering?: boolean;
+  compilerOption?: Options;
 }
 declare function addPages(app: App, path: string): void;
 declare function vue(options?: VueOptions): Module;

package/dist/index.mjs

@@ -1,44 +1,46 @@
-import { addAlias, addRoutes, addTypes, useKit } from "revojs/kit";
+import vueCompiler from "@vitejs/plugin-vue";
+import { addRoutes, addTypes, useKit } from "revojs/kit";
 //#region src/index.ts
 function addPages(app, path) {
 	app.config.sources.pages?.entries.push(path);
 }
 function vue(options) {
-	return {
-		config() {
-			return {
-				variables: { SERVER_SIDE_RENDERING: options?.serverSideRendering ?? true },
-				sources: { pages: {
-					match: "**/{page,layout}.vue",
-					entries: ["./routes"]
+	return { setup(app) {
+		const { fromModule } = useKit(import.meta.url);
+		app.config.template.head.children.push({
+			tagName: "script",
+			attributes: { type: "module" },
+			children: [`import "${fromModule("./module/entry.ts")}"`]
+		}, {
+			tagName: "script",
+			attributes: {
+				id: "states",
+				type: "application/json"
+			},
+			children: ["<!-- STATES -->"]
+		});
+		app.config.template.body.children.push({
+			tagName: "div",
+			attributes: { id: "app" },
+			children: ["<!-- APP -->"]
+		});
+		addRoutes(app, fromModule("./module/routes"));
+		addTypes(app, "revojs-vue", () => `import "@revojs/vue/types"`);
+		return {
+			variables: { SERVER_SIDE_RENDERING: options?.serverSideRendering ?? true },
+			sources: { pages: {
+				match: "**/{page,layout}.vue",
+				entries: ["./routes"]
+			} },
+			vite: {
+				plugins: [vueCompiler(options?.compilerOption)],
+				resolve: { alias: {
+					"#vue/app": fromModule("./module/app.ts"),
+					"#vue/main": fromModule("./module/main.vue")
 				} }
-			};
-		},
-		setup(app) {
-			const { fromModule } = useKit(import.meta.url);
-			app.config.template.head.children.push({
-				tagName: "script",
-				attributes: { type: "module" },
-				children: [`import "${fromModule("./module/entry.ts")}"`]
-			}, {
-				tagName: "script",
-				attributes: {
-					id: "states",
-					type: "application/json"
-				},
-				children: ["<!-- STATES -->"]
-			});
-			app.config.template.body.children.push({
-				tagName: "div",
-				attributes: { id: "app" },
-				children: ["<!-- APP -->"]
-			});
-			addRoutes(app, fromModule("./module/routes"));
-			addAlias(app, "vue/app", fromModule("./module/app.ts"));
-			addAlias(app, "vue/main", fromModule("./module/main.vue"));
-			addTypes(app, "revojs-vue", () => `import "@revojs/vue/types"`);
-		}
-	};
+			}
+		};
+	} };
 }
 //#endregion
 export { addPages, vue };

package/dist/module/app.ts

@@ -1,5 +1,5 @@
-import Main from "#alias/vue/main";
 import pages from "#pages";
+import Main from "#vue/main";
 import { isServer, Radix, Scope, useUrl, type Node } from "revojs";
 import { createApp, createSSRApp, type Component } from "vue";
 import {

package/dist/module/entry.ts

@@ -1,4 +1,4 @@
-import createApp from "#alias/vue/app";
+import createApp from "#vue/app";
 import { Scope } from "revojs";
 
 await createApp(new Scope()).then((app) => app.mount("#app"));

package/dist/module/routes/[...]/get.ts

@@ -1,5 +1,5 @@
-import createApp from "#alias/vue/app";
 import client from "#client";
+import createApp from "#vue/app";
 import { defineRoute, sendOk, useServer } from "revojs";
 import { renderToString } from "vue/server-renderer";
 import { isServerSideRendering } from "../../../client";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@revojs/vue",
-    "version": "0.1.44",
+    "version": "0.1.46",
     "license": "MIT",
     "repository": "tellua/revojs",
     "files": [
@@ -29,6 +29,7 @@
         "watch": "tsdown -w"
     },
     "dependencies": {
+        "@vitejs/plugin-vue": "^6.0.5",
         "revojs": "*",
         "vue": "^3.5.30",
         "vue-router": "^5.0.3"

package/src/types/index.d.ts

@@ -1,11 +1,11 @@
-declare module "#alias/vue/app" {
+declare module "#vue/app" {
     import type { Scope } from "revojs";
     import type { App } from "vue";
 
     export default function createApp(scope: Scope): Promise<App>;
 }
 
-declare module "#alias/vue/main" {
+declare module "#vue/main" {
     import type { Component } from "vue";
 
     const main: Component;