@dxup/nuxt 0.4.0 → 0.5.0

package/README.md

@@ -24,6 +24,12 @@ This is a TypeScript plugin that improves Nuxt DX.
      experimental: {
        typescriptPlugin: true,
      },
+     dxup: {
+       features: {
+         // Enable opt-in features
+         namedLayoutSlots: true,
+       },
+     },
    });
    ```
 
@@ -50,7 +56,40 @@ import.meta.glob("~/assets/*.webp");
 //               ^^^^^^^^^^^^^^^^^
 ```
 
-### 3. nitroRoutes
+### 3. namedLayoutSlots
+
+**Default:** `false`
+
+Write top-level named slots in your pages:
+
+```vue
+<!-- layouts/center.vue -->
+<template>
+  <slot></slot>
+  <slot name="side" one="one"></slot>
+</template>
+```
+
+```vue
+<!-- pages/about.vue -->
+<script lang="ts" setup>
+  definePageMeta({
+    layout: "center",
+  });
+</script>
+
+<template>
+  <template #side="{ one }">
+    This "{{ one }}" comes from the layout slot.
+    <!--     ^^^ -->
+  </template>
+  <div>About Page</div>
+</template>
+```
+
+And them will be forwarded to the active layout automatically.
+
+### 4. nitroRoutes
 
 Go to definition for nitro routes in data fetching methods.
 
@@ -62,7 +101,7 @@ useFetch("/api/foo");
 
 It will fallback to resolve the URL from your `public` directory when no nitro routes match.
 
-### 4. pageMeta
+### 5. pageMeta
 
 Go to definition for page metadata.
 
@@ -75,7 +114,7 @@ definePageMeta({
 });
 ```
 
-### 5. runtimeConfig
+### 6. runtimeConfig
 
 Go to definition for runtime config.
 
@@ -86,7 +125,7 @@ Go to definition for runtime config.
 </template>
 ```
 
-### 6. typedPages
+### 7. typedPages
 
 Go to definition for typed pages.
 
@@ -99,11 +138,11 @@ Go to definition for typed pages.
 
 It can be triggered on the `name` property of an object literal constrained by the `RouteLocationRaw` type.
 
-### 7. unimport
+### 8. unimport
 
 Please refer to the [@dxup/unimport](/packages/unimport) package for more details.
 
-### 8. unofficial
+### 9. unofficial
 
 Find references for SFC on `<template>`.
 

package/dist/components/forward.d.mts

@@ -0,0 +1,4 @@
+//#region src/module/named-layout-slots/components/forward.d.ts
+declare const _default: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
+//#endregion
+export { _default as default };

package/dist/components/forward.mjs

@@ -0,0 +1,10 @@
+import { defineComponent } from "vue";
+import { injectLayoutSlots } from "#build/dxup/layouts.mjs";
+//#region src/module/named-layout-slots/components/forward.ts
+var forward_default = defineComponent((props, ctx) => {
+	const slots = injectLayoutSlots();
+	slots.value = ctx.slots;
+	return () => ctx.slots.default?.();
+});
+//#endregion
+export { forward_default as default };

package/dist/languages/named-layout-slots.cjs

@@ -0,0 +1,78 @@
+require("@vue/compiler-dom");
+let pathe = require("pathe");
+//#region src/module/named-layout-slots/utils.ts
+function isInDir(path, dir) {
+	const rel = (0, pathe.relative)(dir, path);
+	return rel !== ".." && !rel.startsWith("../") && !(0, pathe.isAbsolute)(rel);
+}
+//#endregion
+//#region src/module/named-layout-slots/language.ts
+const resolvedAsts = /* @__PURE__ */ new WeakSet();
+const plugin = ({ modules: { typescript: ts, "@vue/compiler-dom": CompilerDOM }, config: { options } }) => ({
+	version: 2.2,
+	order: -1,
+	resolveEmbeddedCode(fileName, sfc, embeddedCode) {
+		if (!embeddedCode.id.startsWith("script_")) return;
+		if (!options.dirs.some((dir) => isInDir(fileName, dir))) return;
+		if (!sfc.template?.ast || resolvedAsts.has(sfc.template.ast)) return;
+		resolvedAsts.add(sfc.template.ast);
+		let layoutName = "default";
+		if (sfc.scriptSetup) visit(sfc.scriptSetup.ast);
+		function visit(node) {
+			if (ts.isCallExpression(node) && ts.isIdentifier(node.expression) && node.expression.text === "definePageMeta" && node.arguments.length && ts.isObjectLiteralExpression(node.arguments[0])) {
+				for (const prop of node.arguments[0].properties) if (ts.isPropertyAssignment(prop) && ts.isIdentifier(prop.name) && prop.name.text === "layout" && ts.isStringLiteral(prop.initializer)) {
+					layoutName = prop.initializer.text;
+					break;
+				}
+			} else ts.forEachChild(node, visit);
+		}
+		const expression = `\n// @ts-ignore\n{} as import("#build/dxup/layouts").Layouts["${layoutName}"]\n`;
+		const children = sfc.template.ast.children;
+		sfc.template.ast.children = [{
+			type: CompilerDOM.NodeTypes.ELEMENT,
+			ns: CompilerDOM.Namespaces.HTML,
+			tag: "component",
+			tagType: CompilerDOM.ElementTypes.COMPONENT,
+			loc: createVirtualLoc(),
+			props: [{
+				type: CompilerDOM.NodeTypes.DIRECTIVE,
+				name: "bind",
+				arg: {
+					type: CompilerDOM.NodeTypes.SIMPLE_EXPRESSION,
+					content: "is",
+					isStatic: true,
+					constType: CompilerDOM.ConstantTypes.CAN_STRINGIFY,
+					loc: createVirtualLoc("is")
+				},
+				exp: {
+					type: CompilerDOM.NodeTypes.SIMPLE_EXPRESSION,
+					content: expression,
+					isStatic: false,
+					constType: CompilerDOM.ConstantTypes.NOT_CONSTANT,
+					loc: createVirtualLoc(expression)
+				},
+				modifiers: [],
+				loc: createVirtualLoc(`:is="${expression}"`)
+			}],
+			children,
+			codegenNode: void 0
+		}];
+	}
+});
+function createVirtualLoc(source = "") {
+	return {
+		start: {
+			line: Number.MAX_VALUE,
+			column: Number.MAX_VALUE,
+			offset: Number.MAX_VALUE
+		},
+		end: {
+			line: Number.MAX_VALUE,
+			column: Number.MAX_VALUE,
+			offset: Number.MAX_VALUE
+		},
+		source
+	};
+}
+//#endregion
+module.exports = plugin;

package/dist/languages/named-layout-slots.d.cts

@@ -0,0 +1,10 @@
+import { VueLanguagePlugin } from "@vue/language-core";
+
+//#region src/module/named-layout-slots/language.d.ts
+interface Config {
+  options: {
+    dirs: string[];
+  };
+}
+declare const plugin: VueLanguagePlugin<Config>;
+export = plugin;

package/dist/module.d.mts

@@ -1,5 +1,3 @@
-import * as _nuxt_schema0 from "@nuxt/schema";
-
 //#region src/module/index.d.ts
 interface ModuleOptions {
   features?: {
@@ -13,6 +11,11 @@ interface ModuleOptions {
      * @default true
      */
     importGlob?: boolean;
+    /**
+     * Whether to enable named layout slots support in the pages.
+     * @default false
+     */
+    namedLayoutSlots?: boolean;
     /**
      * Whether to enable Go to Definition for nitro routes in data fetching methods.
      * @default true
@@ -46,10 +49,11 @@ interface ModuleOptions {
     unofficial?: boolean;
   };
 }
-declare const _default: _nuxt_schema0.NuxtModule<ModuleOptions, {
+declare const _default: import("@nuxt/schema").NuxtModule<ModuleOptions, {
   features: {
     components: true;
     importGlob: true;
+    namedLayoutSlots: false;
     nitroRoutes: true;
     pageMeta: true;
     runtimeConfig: true;

package/dist/module.mjs

@@ -1,13 +1,16 @@
-import { addTemplate, defineNuxtModule, useNitro } from "@nuxt/kit";
+import { addBuildPlugin, addTemplate, addTypeTemplate, createResolver, defineNuxtModule, useNitro } from "@nuxt/kit";
 import { Buffer } from "node:buffer";
-import EventEmitter from "node:events";
+import { EventEmitter } from "node:events";
 import { mkdir, open, readFile, writeFile } from "node:fs/promises";
 import { watch } from "chokidar";
-import { dirname, join } from "pathe";
-
+import { dirname, isAbsolute, join, relative } from "pathe";
+import { genExport, genImport, genInlineTypeImport, genObjectKey } from "knitwork";
+import { ElementTypes, NodeTypes, parse } from "@vue/compiler-dom";
+import MagicString from "magic-string";
+import { createUnplugin } from "unplugin";
+import { parseAndWalk } from "oxc-walker";
 //#region package.json
 var name = "@dxup/nuxt";
-
 //#endregion
 //#region src/event/client.ts
 const responseRE = /^```json \{(?<key>.*)\}\n(?<value>[\s\S]*?)\n```$/;
@@ -23,7 +26,7 @@ async function createEventClient(nuxt) {
 	});
 	const client = new EventEmitter();
 	let offset = 0;
-	watcher.on("change", async (path$1, stats) => {
+	watcher.on("change", async (path, stats) => {
 		if (!stats || stats.size <= offset) return;
 		const pos = offset;
 		offset = stats.size;
@@ -37,18 +40,17 @@ async function createEventClient(nuxt) {
 	});
 	return client;
 }
-
 //#endregion
 //#region src/module/events.ts
 const uppercaseRE = /[A-Z]/;
 async function onComponentsRename(nuxt, { fileName, references }) {
 	const component = Object.values(nuxt.apps).flatMap((app) => app.components).find((c) => c.filePath === fileName);
 	if (!component) return;
-	const tasks = Object.entries(references).map(async ([fileName$1, references$1]) => {
-		const code = await readFile(fileName$1, "utf-8");
+	const tasks = Object.entries(references).map(async ([fileName, references]) => {
+		const code = await readFile(fileName, "utf-8");
 		const chunks = [];
 		let offset = 0;
-		for (const { textSpan, lazy } of references$1) {
+		for (const { textSpan, lazy } of references) {
 			const start = textSpan.start;
 			const end = start + textSpan.length;
 			const oldName = code.slice(start, end);
@@ -57,11 +59,165 @@ async function onComponentsRename(nuxt, { fileName, references }) {
 			offset = end;
 		}
 		chunks.push(code.slice(offset));
-		await writeFile(fileName$1, chunks.join(""));
+		await writeFile(fileName, chunks.join(""));
 	});
 	await Promise.all(tasks);
 }
-
+//#endregion
+//#region src/module/named-layout-slots/utils.ts
+const vueRE = /[?&]vue(?:&|$)/;
+const typeRE = /[?&]type=[^&]*/;
+function isVue(id) {
+	const index = id.indexOf("?");
+	const query = index !== -1 ? id.slice(index) : void 0;
+	if (query === void 0) return id.endsWith(".vue");
+	if (query === "?macro=true") return true;
+	if (!vueRE.test(query)) return false;
+	if (typeRE.test(query)) return false;
+	return true;
+}
+function isInDir(path, dir) {
+	const rel = relative(dir, path);
+	return rel !== ".." && !rel.startsWith("../") && !isAbsolute(rel);
+}
+function parseSFC(code) {
+	const sfc = parse(code, { parseMode: "sfc" });
+	let scriptSetup;
+	let template;
+	for (const node of sfc.children) {
+		if (node.type !== NodeTypes.ELEMENT) continue;
+		if (node.tag === "script" && node.props.some((prop) => prop.type === NodeTypes.ATTRIBUTE && (prop.name === "setup" || prop.name === "vapor"))) scriptSetup = node;
+		else if (node.tag === "template") template = node;
+	}
+	return {
+		scriptSetup,
+		template
+	};
+}
+//#endregion
+//#region src/module/named-layout-slots/plugins/transform-layout.ts
+const TransformLayoutPlugin = (options) => createUnplugin(() => ({
+	name: name + ":transform-layout",
+	enforce: "pre",
+	transformInclude: isVue,
+	transform: {
+		filter: { code: /<(?:nuxt-layout|NuxtLayout)/ },
+		handler(code) {
+			const { scriptSetup, template } = parseSFC(code);
+			const layout = template?.children.find((node) => node.type === NodeTypes.ELEMENT && (node.tag === "nuxt-layout" || node.tag === "NuxtLayout"));
+			if (!layout?.children.length) return;
+			const s = new MagicString(code);
+			const prefix = "\n" + genImport("#build/dxup/layouts.mjs", ["provideLayoutSlots"]);
+			const suffix = `\nconst __dxup_layoutSlots = provideLayoutSlots();\n`;
+			if (scriptSetup) {
+				s.appendLeft(scriptSetup.innerLoc.start.offset, prefix);
+				s.appendLeft(scriptSetup.innerLoc.end.offset, suffix);
+			} else s.prepend(`<script setup>${prefix + suffix}<\/script>\n\n`);
+			s.appendLeft(layout.children.at(-1).loc.end.offset, `
+<template v-for="name in $route.meta.layoutSlots ?? []" :key="name" #[name]="props">
+    <component :is="() => __dxup_layoutSlots[name]?.(props)"/>
+</template>`);
+			return {
+				code: s.toString(),
+				map: options.sourcemap ? s.generateMap({ hires: true }) : void 0
+			};
+		}
+	}
+}));
+//#endregion
+//#region src/module/named-layout-slots/plugins/transform-page.ts
+const TransformPagePlugin = (options) => createUnplugin(() => ({
+	name: name + ":transform-page",
+	enforce: "pre",
+	transformInclude: isVue,
+	transform(code, id) {
+		if (!options.dirs.some((dir) => isInDir(id, dir))) return;
+		const { scriptSetup, template } = parseSFC(code);
+		if (!template) return;
+		const slots = [];
+		for (const node of template.children) {
+			if (node.type !== NodeTypes.ELEMENT || node.tagType !== ElementTypes.TEMPLATE) continue;
+			const dir = node.props.find((prop) => prop.type === NodeTypes.DIRECTIVE && prop.name === "slot");
+			if (dir?.arg?.type === NodeTypes.SIMPLE_EXPRESSION && dir.arg.isStatic && dir.arg.content !== "" && dir.arg.content !== "default") slots.push(dir.arg.content);
+		}
+		if (!slots.length) return;
+		const s = new MagicString(code);
+		const imports = genImport("#build/dxup/layouts.mjs", ["LayoutSlotsForward"]);
+		const expression = `layoutSlots: [${slots.map((slot) => JSON.stringify(slot)).join(", ")}],\n`;
+		if (scriptSetup) {
+			let meta;
+			parseAndWalk(scriptSetup.innerLoc.source, id, {
+				parseOptions: { lang: scriptSetup.props.find((prop) => prop.type === NodeTypes.ATTRIBUTE && prop.name === "lang")?.value?.content ?? "ts" },
+				enter(node) {
+					if (node.type === "CallExpression" && node.callee.type === "Identifier" && node.callee.name === "definePageMeta" && node.arguments[0]?.type === "ObjectExpression") {
+						meta = node.arguments[0];
+						this.skip();
+					}
+				}
+			});
+			const start = scriptSetup.innerLoc.start.offset;
+			s.appendLeft(start, `\n${imports}\n`);
+			if (meta) s.appendLeft(meta.properties[0].start + start, expression);
+			else s.appendLeft(scriptSetup.innerLoc.start.offset, `\ndefinePageMeta({\n${expression}});\n`);
+		} else s.prepend(`<script setup>\n${imports}\ndefinePageMeta({\n${expression}});\n<\/script>\n\n`);
+		s.appendLeft(template.innerLoc.start.offset, `<LayoutSlotsForward>`);
+		s.appendLeft(template.innerLoc.end.offset, "</LayoutSlotsForward>");
+		return {
+			code: s.toString(),
+			map: options.sourcemap ? s.generateMap({ hires: true }) : void 0
+		};
+	}
+}));
+//#endregion
+//#region src/module/named-layout-slots/module.ts
+function setup(nuxt, pluginsVue) {
+	const resolver = createResolver(import.meta.url);
+	const pageDirs = nuxt.options._layers.map((layer) => join(layer.config.srcDir, layer.config.dir?.pages ?? "pages"));
+	pluginsVue.push({
+		name: "@dxup/nuxt/languages/named-layout-slots.cjs",
+		options: { dirs: pageDirs }
+	});
+	addTemplate({
+		filename: "dxup/layouts.mjs",
+		getContents() {
+			return `
+${genImport("vue", [
+				"inject",
+				"provide",
+				"shallowRef"
+			])}
+${genExport(resolver.resolve("components/forward"), [{
+				name: "default",
+				as: "LayoutSlotsForward"
+			}])}
+const injectionKey = Symbol();
+export function provideLayoutSlots() {
+  const slots = shallowRef({});
+  provide(injectionKey, slots);
+  return slots;
+}
+export function injectLayoutSlots() {
+  return inject(injectionKey);
+}
+`.trimStart();
+		}
+	});
+	addTypeTemplate({
+		filename: "dxup/layouts.d.ts",
+		getContents({ app }) {
+			return `
+export interface Layouts {
+${Object.values(app.layouts).map((layout) => `    ${genObjectKey(layout.name)}: ${genInlineTypeImport(layout.file)};`).join("\n")}
+}
+`.trimStart();
+		}
+	});
+	addBuildPlugin(TransformPagePlugin({
+		dirs: pageDirs,
+		sourcemap: !!nuxt.options.sourcemap.client
+	}));
+	addBuildPlugin(TransformLayoutPlugin({ sourcemap: !!nuxt.options.sourcemap.client }));
+}
 //#endregion
 //#region src/module/index.ts
 var module_default = defineNuxtModule().with({
@@ -72,6 +228,7 @@ var module_default = defineNuxtModule().with({
 	defaults: { features: {
 		components: true,
 		importGlob: true,
+		namedLayoutSlots: false,
 		nitroRoutes: true,
 		pageMeta: true,
 		runtimeConfig: true,
@@ -81,15 +238,18 @@ var module_default = defineNuxtModule().with({
 	} },
 	async setup(options, nuxt) {
 		const pluginsTs = [{ name: "@dxup/nuxt" }];
-		if (options.features?.unimport) pluginsTs.unshift({ name: "@dxup/unimport" });
+		const pluginsVue = [];
+		if (options.features.namedLayoutSlots) setup(nuxt, pluginsVue);
+		if (options.features.unimport) pluginsTs.unshift({ name: "@dxup/unimport" });
 		append(pluginsTs, nuxt.options, "typescript", "tsConfig", "compilerOptions");
 		append(pluginsTs, nuxt.options.nitro, "typescript", "tsConfig", "compilerOptions");
 		append(pluginsTs, nuxt.options, "typescript", "sharedTsConfig", "compilerOptions");
 		append(pluginsTs, nuxt.options, "typescript", "nodeTsConfig", "compilerOptions");
+		append(pluginsVue, nuxt.options, "typescript", "tsConfig", "vueCompilerOptions");
 		addTemplate({
 			filename: "dxup/data.json",
 			write: true,
-			getContents({ nuxt: nuxt$1, app }) {
+			getContents({ nuxt, app }) {
 				const layouts = Object.fromEntries(Object.values(app.layouts).map((item) => [item.name, item.file]));
 				const middleware = app.middleware.reduce((acc, item) => {
 					if (!item.global) acc[item.name] = item.path;
@@ -105,9 +265,9 @@ var module_default = defineNuxtModule().with({
 					return acc;
 				}, {});
 				const data = {
-					buildDir: nuxt$1.options.buildDir,
-					publicDir: nuxt$1.options.dir.public,
-					configFiles: [...nuxt$1.options._nuxtConfigFiles, ...nuxt$1.options._layers.map((layer) => layer._configFile).filter(Boolean)],
+					buildDir: nuxt.options.buildDir,
+					publicDir: nuxt.options.dir.public,
+					configFiles: [...nuxt.options._nuxtConfigFiles, ...nuxt.options._layers.map((layer) => layer._configFile).filter(Boolean)],
 					layouts,
 					middleware,
 					nitroRoutes,
@@ -124,6 +284,5 @@ function append(plugins, target, ...keys) {
 	for (const key of keys) target = target[key] ??= {};
 	(target.plugins ??= []).push(...plugins);
 }
-
 //#endregion
-export { module_default as default };
+export { module_default as default };

package/dist/typescript.cjs

@@ -1,24 +1,18 @@
-//#region rolldown:runtime
+//#region \0rolldown/runtime.js
 var __defProp = Object.defineProperty;
-var __export = (all, symbols) => {
+var __exportAll = (all, no_symbols) => {
 	let target = {};
-	for (var name in all) {
-		__defProp(target, name, {
-			get: all[name],
-			enumerable: true
-		});
-	}
-	if (symbols) {
-		__defProp(target, Symbol.toStringTag, { value: "Module" });
-	}
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
 	return target;
 };
-
 //#endregion
 let node_fs_promises = require("node:fs/promises");
 let pathe = require("pathe");
 let tinyglobby = require("tinyglobby");
-
 //#region src/event/server.ts
 function createEventServer(info) {
 	const path = (0, pathe.join)(info.project.getCurrentDirectory(), "dxup/events.md");
@@ -29,7 +23,6 @@ function createEventServer(info) {
 	}
 	return { write };
 }
-
 //#endregion
 //#region src/typescript/data.ts
 const initialValue = {
@@ -55,20 +48,19 @@ function createData(ts, info) {
 	const path = (0, pathe.join)(info.languageServiceHost.getCurrentDirectory(), "dxup/data.json");
 	const data = {};
 	const updates = callbacks[path] ??= (ts.sys.watchFile?.(path, () => {
-		const text$1 = ts.sys.readFile(path);
-		for (const update of updates) update(text$1);
+		const text = ts.sys.readFile(path);
+		for (const update of updates) update(text);
 	}), []);
-	updates.push((text$1) => {
+	updates.push((text) => {
 		Object.assign(data, {
 			...initialValue,
-			...text$1 ? JSON.parse(text$1) : {}
+			...text ? JSON.parse(text) : {}
 		});
 	});
 	const text = ts.sys.readFile(path);
 	updates.at(-1)(text);
 	return data;
 }
-
 //#endregion
 //#region src/typescript/utils.ts
 function createModuleDefinition(ts, path) {
@@ -115,10 +107,9 @@ function withVirtualOffset(language, sourceScript, position, method) {
 		map.toGeneratedLocation = original;
 	}
 }
-
 //#endregion
 //#region src/typescript/features/findReferences.ts
-var findReferences_exports = /* @__PURE__ */ __export({ postprocess: () => postprocess$1 });
+var findReferences_exports = /* @__PURE__ */ __exportAll({ postprocess: () => postprocess$1 });
 function postprocess$1(context, language, findReferences) {
 	const { ts, info } = context;
 	return (...args) => {
@@ -137,10 +128,9 @@ function postprocess$1(context, language, findReferences) {
 		return result;
 	};
 }
-
 //#endregion
 //#region src/typescript/features/findRenameLocations.ts
-var findRenameLocations_exports = /* @__PURE__ */ __export({ preprocess: () => preprocess$2 });
+var findRenameLocations_exports = /* @__PURE__ */ __exportAll({ preprocess: () => preprocess$2 });
 function preprocess$2(context, findRenameLocations) {
 	const { data } = context;
 	return (...args) => {
@@ -149,7 +139,6 @@ function preprocess$2(context, findRenameLocations) {
 		});
 	};
 }
-
 //#endregion
 //#region ../shared/src/index.ts
 function* forEachTouchingNode(ts, sourceFile, position) {
@@ -164,12 +153,12 @@ function* binaryVisit(ts, sourceFile, node, position) {
 	let right = nodes.length - 1;
 	while (left <= right) {
 		const mid = Math.floor((left + right) / 2);
-		const node$1 = nodes[mid];
-		if (position > node$1.getEnd()) left = mid + 1;
-		else if (position < node$1.getStart(sourceFile)) right = mid - 1;
+		const node = nodes[mid];
+		if (position > node.getEnd()) left = mid + 1;
+		else if (position < node.getStart(sourceFile)) right = mid - 1;
 		else {
-			yield node$1;
-			yield* binaryVisit(ts, sourceFile, node$1, position);
+			yield node;
+			yield* binaryVisit(ts, sourceFile, node, position);
 			return;
 		}
 	}
@@ -177,10 +166,9 @@ function* binaryVisit(ts, sourceFile, node, position) {
 function isTextSpanWithin(node, textSpan, sourceFile) {
 	return textSpan.start + textSpan.length <= node.getEnd() && textSpan.start >= node.getStart(sourceFile);
 }
-
 //#endregion
 //#region src/typescript/features/getDefinitionAndBoundSpan.ts
-var getDefinitionAndBoundSpan_exports = /* @__PURE__ */ __export({
+var getDefinitionAndBoundSpan_exports = /* @__PURE__ */ __exportAll({
 	postprocess: () => postprocess,
 	preprocess: () => preprocess$1
 });
@@ -222,18 +210,18 @@ function preprocess$1(context, getDefinitionAndBoundSpan) {
 	return (...args) => {
 		const result = getDefinitionAndBoundSpan(...args);
 		if (!result) {
-			const program$1 = info.languageService.getProgram();
-			const sourceFile = program$1.getSourceFile(args[0]);
+			const program = info.languageService.getProgram();
+			const sourceFile = program.getSourceFile(args[0]);
 			if (!sourceFile) return;
-			const checker = program$1.getTypeChecker();
-			let result$1;
+			const checker = program.getTypeChecker();
+			let result;
 			for (const node of forEachTouchingNode(ts, sourceFile, args[1])) {
-				if (data.features.importGlob) result$1 ??= visitImportGlob(ts, info, sourceFile, node, args[1]);
-				if (data.features.nitroRoutes) result$1 ??= visitNitroRoutes(ts, data, checker, sourceFile, node, args[1]);
-				if (data.features.pageMeta) result$1 ??= visitPageMeta(ts, data, sourceFile, node, args[1]);
-				if (data.features.typedPages) result$1 ??= visitTypedPages(ts, data, checker, sourceFile, node, args[1]);
+				if (data.features.importGlob) result ??= visitImportGlob(ts, info, sourceFile, node, args[1]);
+				if (data.features.nitroRoutes) result ??= visitNitroRoutes(ts, data, checker, sourceFile, node, args[1]);
+				if (data.features.pageMeta) result ??= visitPageMeta(ts, data, sourceFile, node, args[1]);
+				if (data.features.typedPages) result ??= visitTypedPages(ts, data, checker, sourceFile, node, args[1]);
 			}
-			if (result$1) return result$1;
+			if (result) return result;
 		}
 		if (!result?.definitions?.length) return result;
 		const program = info.languageService.getProgram();
@@ -241,10 +229,10 @@ function preprocess$1(context, getDefinitionAndBoundSpan) {
 		for (const definition of result.definitions) {
 			const sourceFile = program.getSourceFile(definition.fileName);
 			if (!sourceFile) continue;
-			let result$1;
-			if (data.features.runtimeConfig && definition.fileName.endsWith("runtime-config.d.ts")) result$1 = visitRuntimeConfig(context, sourceFile, definition);
-			if (result$1?.length) {
-				for (const definition$1 of result$1) definitions.add(definition$1);
+			let result;
+			if (data.features.runtimeConfig && definition.fileName.endsWith("runtime-config.d.ts")) result = visitRuntimeConfig(context, sourceFile, definition);
+			if (result?.length) {
+				for (const definition of result) definitions.add(definition);
 				definitions.delete(definition);
 			}
 		}
@@ -328,11 +316,19 @@ function visitPageMeta(ts, data, sourceFile, node, position) {
 	if (!ts.isPropertyAssignment(node) || !ts.isIdentifier(node.name) || !pageMetaKeys.has(node.name.text) || !ts.isCallExpression(node.parent.parent) || !ts.isIdentifier(node.parent.parent.expression) || node.parent.parent.expression.text !== "definePageMeta") return;
 	switch (node.name.text) {
 		case "layout": {
-			if (!ts.isStringLiteralLike(node.initializer)) return;
-			const start = node.initializer.getStart(sourceFile);
-			const end = node.initializer.getEnd();
+			let literal;
+			if (ts.isStringLiteralLike(node.initializer)) literal = node.initializer;
+			else if (ts.isObjectLiteralExpression(node.initializer)) {
+				for (const prop of node.initializer.properties) if (ts.isPropertyAssignment(prop) && ts.isIdentifier(prop.name) && prop.name.text === "name" && ts.isStringLiteralLike(prop.initializer)) {
+					literal = prop.initializer;
+					break;
+				}
+			}
+			if (!literal) return;
+			const start = literal.getStart(sourceFile);
+			const end = literal.getEnd();
 			if (position < start || position > end) return;
-			const path = data.layouts[node.initializer.text];
+			const path = data.layouts[literal.text];
 			if (path === void 0) return;
 			return {
 				textSpan: {
@@ -418,8 +414,8 @@ function* forwardRuntimeConfig(context, definition, path) {
 	const nodeProgram = nodeProject.getLanguageService().getProgram();
 	if (!nodeProgram) return;
 	const checker = nodeProgram.getTypeChecker();
-	for (const configFile$1 of data.configFiles) {
-		const sourceFile = nodeProgram.getSourceFile(configFile$1);
+	for (const configFile of data.configFiles) {
+		const sourceFile = nodeProgram.getSourceFile(configFile);
 		if (!sourceFile) continue;
 		outer: for (const node of sourceFile.statements) {
 			if (!ts.isExportAssignment(node) || !ts.isCallExpression(node.expression) || !node.expression.arguments.length) continue;
@@ -433,19 +429,19 @@ function* forwardRuntimeConfig(context, definition, path) {
 				currentType = checker.getTypeOfSymbol(symbol);
 			}
 			for (const decl of currentSymbol?.declarations ?? []) {
-				const sourceFile$1 = decl.getSourceFile();
+				const sourceFile = decl.getSourceFile();
 				const contextSpan = {
-					start: decl.getStart(sourceFile$1),
-					length: decl.getWidth(sourceFile$1)
+					start: decl.getStart(sourceFile),
+					length: decl.getWidth(sourceFile)
 				};
 				let textSpan = contextSpan;
 				if (ts.isPropertyAssignment(decl) || ts.isPropertySignature(decl)) textSpan = {
-					start: decl.name.getStart(sourceFile$1),
-					length: decl.name.getWidth(sourceFile$1)
+					start: decl.name.getStart(sourceFile),
+					length: decl.name.getWidth(sourceFile)
 				};
 				yield {
 					...definition,
-					fileName: sourceFile$1.fileName,
+					fileName: sourceFile.fileName,
 					textSpan,
 					contextSpan
 				};
@@ -453,10 +449,9 @@ function* forwardRuntimeConfig(context, definition, path) {
 		}
 	}
 }
-
 //#endregion
 //#region src/typescript/features/getEditsForFileRename.ts
-var getEditsForFileRename_exports = /* @__PURE__ */ __export({ preprocess: () => preprocess });
+var getEditsForFileRename_exports = /* @__PURE__ */ __exportAll({ preprocess: () => preprocess });
 function preprocess(context, getEditsForFileRename) {
 	const { ts, info, data, server } = context;
 	return (...args) => {
@@ -475,7 +470,7 @@ function preprocess(context, getEditsForFileRename) {
 					const position = node.name.getStart(sourceFile);
 					const res = languageService.getReferencesAtPosition(fileName, position)?.filter((entry) => !entry.fileName.startsWith(data.buildDir))?.sort((a, b) => a.textSpan.start - b.textSpan.start);
 					const lazy = node.type && ts.isTypeReferenceNode(node.type) && ts.isIdentifier(node.type.typeName) && node.type.typeName.text === "LazyComponent";
-					for (const { fileName: fileName$1, textSpan } of res ?? []) (references[fileName$1] ??= []).push({
+					for (const { fileName, textSpan } of res ?? []) (references[fileName] ??= []).push({
 						textSpan,
 						lazy: lazy || void 0
 					});
@@ -492,11 +487,10 @@ function preprocess(context, getEditsForFileRename) {
 		});
 	};
 }
-
 //#endregion
 //#region src/typescript/index.ts
-const plugin = (module$1) => {
-	const { typescript: ts } = module$1;
+const plugin = (module) => {
+	const { typescript: ts } = module;
 	return { create(info) {
 		const data = createData(ts, info);
 		const context = {
@@ -514,14 +508,9 @@ const plugin = (module$1) => {
 				const original = languageService[key];
 				methods[key] = method.postprocess(context, context.language, original);
 			}
-			info.project["languageService"] = new Proxy(languageService, {
-				get(target, p, receiver) {
-					return methods[p] ?? Reflect.get(target, p, receiver);
-				},
-				set(...args) {
-					return Reflect.set(...args);
-				}
-			});
+			info.project["languageService"] = new Proxy(languageService, { get(target, p, receiver) {
+				return methods[p] ?? Reflect.get(target, p, receiver);
+			} });
 		});
 		for (const [key, method] of [
 			["findRenameLocations", findRenameLocations_exports],
@@ -534,7 +523,5 @@ const plugin = (module$1) => {
 		return info.languageService;
 	} };
 };
-var typescript_default = plugin;
-
 //#endregion
-module.exports = typescript_default;
+module.exports = plugin;

package/package.json

@@ -1,13 +1,18 @@
 {
   "name": "@dxup/nuxt",
   "type": "module",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "TypeScript plugin for Nuxt",
   "author": "KazariEX",
   "license": "MIT",
-  "repository": "KazariEX/dxup",
+  "repository": {
+    "type": "git",
+    "url": "KazariEX/dxup"
+  },
   "exports": {
     ".": "./dist/module.mjs",
+    "./components/*": "./dist/components/*",
+    "./languages/*": "./dist/languages/*",
     "./package.json": "./package.json"
   },
   "main": "./dist/typescript.cjs",
@@ -15,23 +20,25 @@
   "files": [
     "dist"
   ],
-  "peerDependencies": {
-    "typescript": "*"
-  },
   "dependencies": {
-    "@nuxt/kit": "^4.2.2",
+    "@nuxt/kit": "^4.4.8",
+    "@vue/compiler-dom": "^3.5.38",
     "chokidar": "^5.0.0",
+    "knitwork": "^1.3.0",
+    "magic-string": "^0.30.21",
+    "oxc-walker": "^1.0.0",
     "pathe": "^2.0.3",
-    "tinyglobby": "^0.2.15",
+    "tinyglobby": "^0.2.17",
+    "unplugin": "^3.0.0",
     "@dxup/unimport": "^0.1.2"
   },
   "devDependencies": {
-    "@dxup/shared": "",
-    "@volar/language-core": "^2.4.27",
-    "@volar/typescript": "^2.4.27",
-    "@vue/language-core": "^3.2.1",
-    "nuxt": "^4.2.2",
-    "typescript": "^5.9.3"
+    "@volar/language-core": "^2.4.28",
+    "@volar/typescript": "^2.4.28",
+    "@vue/language-core": "^3.3.5",
+    "nuxt": "^4.4.8",
+    "typescript": "^6.0.3",
+    "@dxup/shared": "0.0.0"
   },
   "scripts": {
     "build": "tsdown",