@myelophone/nuxt 0.18.2 → 0.20.0

package/app/plugins/url-helper.client.ts

@@ -2,7 +2,6 @@ import { type Pinia } from 'pinia';
 
 export default defineNuxtPlugin((nuxtApp) => {
 	const router = useRouter();
-
 	const pinia = useNuxtApp().$pinia as Pinia;
 	const settingsStore = useSettingsStore(pinia);
 

package/app/server/middleware/security-headers.ts

@@ -112,6 +112,11 @@ export default defineEventHandler((event) => {
 
 	for (const [rawKey, rawValue] of Object.entries(rules.headers)) {
 		const key = rawKey as SecurityHeaderKey;
+
+		if (key === 'contentSecurityPolicy') {
+			continue;
+		}
+
 		const headerName =
 			key === 'contentSecurityPolicy' &&
 			rules.contentSecurityPolicyReportOnly

package/app/server/middleware/url-helper.ts

@@ -9,6 +9,13 @@ export default defineEventHandler((event) => {
 		`http://${event.node.req.headers.host}`,
 	);
 
+	if (
+		url.pathname.startsWith('/_nuxt/') ||
+		url.pathname.startsWith('/__nuxt_')
+	) {
+		return;
+	}
+
 	const sanitize = (path: string) => {
 		let p = path
 			.replace(/[<>{}|\\^`]/g, '')

package/app/types/blog-content.d.ts

@@ -0,0 +1,11 @@
+declare module 'virtual:myelophone-blog-content' {
+	const posts: Record<
+		string,
+		{
+			meta: Record<string, string>;
+			html: string;
+		}
+	>;
+
+	export { posts };
+}

package/app/utils/blog.server.ts

@@ -1,5 +1,4 @@
-import { parse } from 'yaml';
-import MarkdownIt from 'markdown-it';
+import { posts as generatedPosts } from 'virtual:myelophone-blog-content';
 
 export interface PostMeta {
 	title?: string;
@@ -8,135 +7,10 @@ export interface PostMeta {
 }
 
 export interface Post {
-	content: string;
 	meta: PostMeta;
-}
-
-type PostLoader = () => Promise<string>;
-
-const postCache = new Map<string, Promise<Post>>();
-const markdown = new MarkdownIt({
-	html: false,
-	linkify: true,
-	typographer: true,
-});
-const blockTagPattern =
-	/(<\/?(?:address|article|aside|blockquote|div|dl|dt|dd|fieldset|figcaption|figure|footer|form|h[1-6]|header|hr|li|main|nav|ol|p|section|table|tbody|td|tfoot|th|thead|tr|ul)\b[^>]*>)\s+(?=<\/?(?:address|article|aside|blockquote|div|dl|dt|dd|fieldset|figcaption|figure|footer|form|h[1-6]|header|hr|li|main|nav|ol|p|section|table|tbody|td|tfoot|th|thead|tr|ul)\b)/gi;
-
-function normalizePosts(
-	items: Record<string, PostLoader>,
-): Record<string, PostLoader> {
-	return Object.fromEntries(
-		Object.entries(items).flatMap(([path, loader]) => {
-			const normalized = path.replace(/\\/g, '/');
-
-			const marker = '/content/';
-			const index = normalized.lastIndexOf(marker);
-			if (index === -1) {
-				return [];
-			}
-
-			const slug = normalized
-				.slice(index + marker.length)
-				.replace(/\.md$/, '');
-
-			return [[slug, loader]];
-		}),
-	);
-}
-
-const postsAlias = import.meta.glob<string>('#myelophone/app/content/**/*.md', {
-	query: '?raw',
-	import: 'default',
-});
-
-const postsApp = import.meta.glob<string>('~/content/**/*.md', {
-	query: '?raw',
-	import: 'default',
-});
-
-const posts = {
-	...normalizePosts(postsAlias),
-	...normalizePosts(postsApp),
-};
-
-function parseMarkdown(source: string): Post {
-	if (!source.startsWith('---')) {
-		return {
-			meta: {},
-			content: source,
-		};
-	}
-
-	const match = source.match(/^---\r?\n([\s\S]*?)\r?\n---\r?\n?/);
-
-	if (!match) {
-		return {
-			meta: {},
-			content: source,
-		};
-	}
-
-	return {
-		meta: parsePostMeta(parse(match[1] ?? '')),
-		content: source.slice(match[0].length),
-	};
-}
-
-function parsePostMeta(value: unknown): PostMeta {
-	if (!value || typeof value !== 'object' || Array.isArray(value)) {
-		return {};
-	}
-
-	const source = value as Record<string, unknown>;
-	const meta: PostMeta = {};
-
-	for (const key of ['title', 'description', 'image'] as const) {
-		if (typeof source[key] === 'string') {
-			meta[key] = source[key];
-		}
-	}
-
-	return meta;
-}
-
-export function renderMarkdown(source: string): string {
-	return markdown
-		.render(source)
-		.split(/(<pre\b[\s\S]*?<\/pre>)/gi)
-		.map((fragment, index) => {
-			if (index % 2 === 1) {
-				return fragment;
-			}
-
-			return fragment
-				.replace(/\s*\r?\n\s*/g, ' ')
-				.replace(blockTagPattern, '$1')
-				.trim();
-		})
-		.join('');
+	html: string;
 }
 
 export async function getPost(slug: string): Promise<Post | null> {
-	const loader = posts[slug];
-
-	if (!loader) {
-		return null;
-	}
-
-	const cached = postCache.get(slug);
-
-	if (cached) {
-		return cached;
-	}
-
-	const promise = loader().then(parseMarkdown);
-	postCache.set(slug, promise);
-
-	try {
-		return await promise;
-	} catch (error) {
-		postCache.delete(slug);
-		throw error;
-	}
+	return generatedPosts[slug] ?? null;
 }

package/biome.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.5.11/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.5.12/schema.json",
   "assist": {
     "actions": {
       "source": {

package/nuxt.config.ts

@@ -10,6 +10,10 @@ import defaultBlog from './app/modules/default-blog';
 import defaultSitemap from './app/modules/default-sitemap';
 
 import { cleanEmptyCssPlugin } from './vite/plugins/clean-css';
+import {
+	blogContentPlugin,
+	defaultBlogContentDirectories,
+} from './vite/plugins/blog-content';
 import postcssViewportFallback from './vite/plugins/postcss-viewport-fallback';
 import noImportant from 'postcss-no-important';
 import postcssAddViewportUnits from './vite/plugins/postcss-add-viewportunits';
@@ -24,7 +28,7 @@ const pkg = JSON.parse(
 
 const version = pkg.version;
 
-const dateActuality = '2026-08-31';
+const dateActuality = '2026-09-05';
 const banner = `/* © 2025 Aliaksandr Ivanou (https://aleksivanov.me/). All rights reserved. @MyelophOne/Nuxt v${version}. This app bundle licenses: /_nuxt/licenses.md */\n`;
 const defaultSeo = {
 	title: 'Our Nuxt WebSite | by MyelophOne/Nuxt',
@@ -131,6 +135,10 @@ export default defineNuxtConfig({
 	appConfig: {
 		defaultSeo,
 	},
+	seo: {
+		automaticTwitterTags: false,
+		automaticDefaults: false,
+	},
 	ogImage: {
 		enabled: process.env.NODE_ENV !== 'test',
 		zeroRuntime: true,
@@ -184,6 +192,12 @@ export default defineNuxtConfig({
 		},
 		plugins: [
 			tailwindcss(),
+			blogContentPlugin(
+				defaultBlogContentDirectories(
+					process.cwd(),
+					path.dirname(fileURLToPath(import.meta.url)),
+				),
+			),
 			{
 				name: 'suppress-plugin-timings-warning',
 				configResolved(config) {
@@ -324,7 +338,7 @@ export default defineNuxtConfig({
 			throwError: true,
 		},
 		rateLimiter: {
-			tokensPerInterval: 150,
+			tokensPerInterval: 300,
 			interval: 300000,
 			headers: true,
 			driver: {
@@ -406,9 +420,6 @@ export default defineNuxtConfig({
 		},
 		'/_ipx/**': { swr: false },
 	},
-	seo: {
-		automaticDefaults: false,
-	},
 	multi18n: {
 		locales: ['en'],
 		defaultLocale: 'en',
@@ -422,29 +433,49 @@ export default defineNuxtConfig({
 	},
 	hooks: {
 		'nitro:config'(nitroConfig) {
-			if (process.platform !== 'win32') {
-				return;
+			if (process.env.NUXT_PROFILE === '1') {
+				nitroConfig.plugins ||= [];
+				nitroConfig.plugins.push(
+					resolve('./vite/plugins/nitro-profile'),
+				);
 			}
 
 			nitroConfig.rollupConfig ||= {};
-			const resolver = {
-				name: 'resolve-nuxt-cache-driver-file-url',
-				resolveId(source: string) {
-					if (
-						source.startsWith('file:') &&
-						source.endsWith('/runtime/utils/cache-driver.mjs')
-					) {
-						return fileURLToPath(source);
-					}
-				},
-			};
-			const plugins = nitroConfig.rollupConfig.plugins;
+			const plugins = [
+				blogContentPlugin(
+					defaultBlogContentDirectories(
+						process.cwd(),
+						path.dirname(fileURLToPath(import.meta.url)),
+					),
+				),
+			];
+
+			if (process.platform === 'win32') {
+				plugins.push({
+					name: 'resolve-nuxt-cache-driver-file-url',
+					resolveId(source: string) {
+						if (
+							source.startsWith('file:') &&
+							source.endsWith('/runtime/utils/cache-driver.mjs')
+						) {
+							return fileURLToPath(source);
+						}
+					},
+				});
+			}
 
-			nitroConfig.rollupConfig.plugins = plugins
-				? Array.isArray(plugins)
-					? [...plugins, resolver]
-					: [plugins, resolver]
-				: [resolver];
+			const currentPlugins = nitroConfig.rollupConfig.plugins;
+			const mergedPlugins = [
+				...(Array.isArray(currentPlugins)
+					? currentPlugins
+					: currentPlugins
+						? [currentPlugins]
+						: []),
+				...plugins,
+			];
+			nitroConfig.rollupConfig.plugins = mergedPlugins as NonNullable<
+				typeof nitroConfig.rollupConfig.plugins
+			>;
 		},
 		'build:manifest': (manifest) => {
 			for (const key in manifest) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myelophone/nuxt",
-  "version": "0.18.2",
+  "version": "0.20.0",
   "type": "module",
   "author": "Aliaksandr Ivanou <aleksivanov.me@gmail.com> (https://github.com/aleksivanou)",
   "maintainers": [
@@ -17,6 +17,8 @@
     "generate": "NODE_OPTIONS='--no-webstorage' NUXT_TELEMETRY_DEBUG=1 NODE_ENV=production NUXT_STATIC=true NUXT_PLAYGROUND=true nuxt generate playground",
     "preview": "NODE_OPTIONS='--no-webstorage' NUXT_TELEMETRY_DEBUG=1 NUXT_PLAYGROUND=true nuxt preview playground",
     "server": "node --no-deprecation --no-warnings --no-webstorage playground/.output/server/index.mjs",
+    "static": "npx serve playground/.output/public",
+    "profile": "NODE_OPTIONS='--no-deprecation --no-webstorage' NUXT_TELEMETRY_DEBUG=1 NODE_ENV=production NUXT_PLAYGROUND=true NUXT_PROFILE=1 nuxt build playground",
     "prepare": "nuxt prepare && nuxt prepare playground",
     "analyze": "NODE_OPTIONS='--no-deprecation --no-webstorage' yarn nuxi analyze playground",
     "test": "yarn test:types && yarn playwright",
@@ -34,7 +36,7 @@
     "lock-update": "yarn dedupe --strategy highest"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.5.11",
+    "@biomejs/biome": "^2.5.12",
     "@commitlint/cli": "^21.2.2",
     "@commitlint/config-conventional": "^21.2.2",
     "@nuxt/fonts": "^0.14.0",
@@ -44,8 +46,8 @@
     "@nuxt/types": "^2.18.1",
     "@nuxtjs/fontaine": "^0.5.0",
     "@nuxtjs/robots": "^6.2.0",
-    "@pinia/colada": "^1.4.2",
-    "@pinia/colada-nuxt": "^1.0.2",
+    "@pinia/colada": "^1.4.4",
+    "@pinia/colada-nuxt": "^1.1.0",
     "@pinia/nuxt": "^1.0.2",
     "@playwright/test": "^1.62.1",
     "@semantic-release/changelog": "^7.0.0",
@@ -55,7 +57,7 @@
     "@semantic-release/npm": "^13.1.5",
     "@semantic-release/release-notes-generator": "^14.1.1",
     "@tailwindcss/vite": "^4.3.3",
-    "@types/node": "^26.4.0",
+    "@types/node": "^26.4.1",
     "@unhead/vue": "^3.4.0",
     "@vue/devtools-api": "^8.2.1",
     "@vueuse/core": "^14.4.0",
@@ -68,13 +70,13 @@
     "nuxt-og-image": "^6.7.8",
     "nuxt-payload-analyzer": "^0.1.4",
     "nuxt-security": "^2.6.0",
-    "nuxt-seo-utils": "^8.4.3",
+    "nuxt-seo-utils": "^8.5.0",
     "nuxt-vitalizer": "^3.0.0",
     "pinia": "^4.0.3",
-    "postcss": "^8.5.26",
+    "postcss": "^8.5.27",
     "postcss-no-important": "^11.0.0",
     "purgecss": "^8.0.0",
-    "rolldown": "^1.2.6",
+    "rolldown": "^1.2.7",
     "semantic-release": "^25.0.9",
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2",
@@ -90,10 +92,11 @@
   "packageManager": "yarn@4.18.0",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/myelophone/nuxt.git"
+    "url": "git+https://github.com/MyelophOne/nuxt.git"
   },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
   },
   "dependencies": {
     "fuse.js": "^7.5.0"

package/vite/plugins/blog-content.ts

@@ -0,0 +1,126 @@
+import { readdirSync, readFileSync } from 'node:fs';
+import { extname, join, relative, resolve } from 'node:path';
+import type { Plugin } from 'vite';
+import { parse } from 'yaml';
+import MarkdownIt, { type MarkdownIt as MarkdownItInstance } from 'markdown-it';
+
+const VIRTUAL_MODULE_ID = 'virtual:myelophone-blog-content';
+const RESOLVED_MODULE_ID = `\0${VIRTUAL_MODULE_ID}`;
+const blockTagPattern =
+	/(<\/?(?:address|article|aside|blockquote|div|dl|dt|dd|fieldset|figcaption|figure|footer|form|h[1-6]|header|hr|li|main|nav|ol|p|section|table|tbody|td|tfoot|th|thead|tr|ul)\b[^>]*>)\s+(?=<\/?(?:address|article|aside|blockquote|div|dl|dt|dd|fieldset|figcaption|figure|footer|form|h[1-6]|header|hr|li|main|nav|ol|p|section|table|tbody|td|tfoot|th|thead|tr|ul)\b)/gi;
+
+interface GeneratedPost {
+	meta: Record<string, string>;
+	html: string;
+}
+
+function collectMarkdownFiles(directory: string): string[] {
+	try {
+		return readdirSync(directory, { withFileTypes: true }).flatMap(
+			(entry) => {
+				const file = join(directory, entry.name);
+				return entry.isDirectory()
+					? collectMarkdownFiles(file)
+					: extname(file).toLowerCase() === '.md'
+						? [file]
+						: [];
+			},
+		);
+	} catch {
+		return [];
+	}
+}
+
+function renderMarkdown(source: string, markdown: MarkdownItInstance): string {
+	return markdown
+		.render(source)
+		.split(/(<pre\b[\s\S]*?<\/pre>)/gi)
+		.map((fragment: string, index: number) => {
+			if (index % 2 === 1) {
+				return fragment;
+			}
+
+			return fragment
+				.replace(/\s*\r?\n\s*/g, ' ')
+				.replace(blockTagPattern, '$1')
+				.trim();
+		})
+		.join('');
+}
+
+function parsePost(
+	source: string,
+	markdown: MarkdownItInstance,
+): GeneratedPost {
+	let meta: Record<string, string> = {};
+	let content = source;
+
+	if (source.startsWith('---')) {
+		const match = source.match(/^---\r?\n([\s\S]*?)\r?\n---\r?\n?/);
+
+		if (match) {
+			const parsed = parse(match[1] ?? '');
+			if (
+				parsed &&
+				typeof parsed === 'object' &&
+				!Array.isArray(parsed)
+			) {
+				for (const key of ['title', 'description', 'image']) {
+					const value = (parsed as Record<string, unknown>)[key];
+					if (typeof value === 'string') {
+						meta[key] = value;
+					}
+				}
+			}
+			content = source.slice(match[0].length);
+		}
+	}
+
+	return { meta, html: renderMarkdown(content, markdown) };
+}
+
+function generatePosts(directories: string[]): Record<string, GeneratedPost> {
+	const markdown = new MarkdownIt({
+		html: false,
+		linkify: true,
+		typographer: true,
+	});
+	const posts: Record<string, GeneratedPost> = {};
+
+	for (const directory of directories) {
+		for (const file of collectMarkdownFiles(directory)) {
+			const slug = relative(directory, file)
+				.replace(/\\/g, '/')
+				.replace(/\.md$/i, '');
+			posts[slug] = parsePost(readFileSync(file, 'utf8'), markdown);
+		}
+	}
+
+	return posts;
+}
+
+export function blogContentPlugin(directories: string[]): Plugin {
+	return {
+		name: 'myelophone-blog-content',
+		resolveId(id) {
+			return id === VIRTUAL_MODULE_ID ? RESOLVED_MODULE_ID : undefined;
+		},
+		load(id) {
+			if (id !== RESOLVED_MODULE_ID) {
+				return undefined;
+			}
+
+			return `export const posts = ${JSON.stringify(generatePosts(directories))};`;
+		},
+	};
+}
+
+export const defaultBlogContentDirectories = (
+	projectRoot: string,
+	packageRoot = projectRoot,
+) => [
+	resolve(packageRoot, 'app/content'),
+	resolve(projectRoot, 'app/content'),
+	resolve(projectRoot, 'content'),
+	resolve(projectRoot, 'playground/content'),
+];

package/vite/plugins/clean-css.ts

@@ -10,6 +10,21 @@ interface CleanCssPluginOptions {
 	purgeTailwindUtilities?: boolean;
 }
 
+function formatBytes(bytes: number): string {
+	if (bytes === 0) {
+		return '0 B';
+	}
+
+	const units = ['B', 'KB', 'MB', 'GB'];
+	const unitIndex = Math.min(
+		Math.floor(Math.log(bytes) / Math.log(1024)),
+		units.length - 1,
+	);
+	const value = bytes / 1024 ** unitIndex;
+
+	return `${parseFloat(value.toFixed(2))} ${units[unitIndex]}`;
+}
+
 export function cleanEmptyCssPlugin(
 	options: CleanCssPluginOptions = {},
 ): Plugin {
@@ -175,12 +190,16 @@ export function cleanEmptyCssPlugin(
 				}
 
 				await writeFile(file, css);
+				const sizeAfter = Buffer.byteLength(css, 'utf8');
 				reports.push(
-					`.../${basename(file)} (${sizeBefore} B → ${Buffer.byteLength(css, 'utf8')} B)`,
+					`.../${basename(file)} (${formatBytes(sizeBefore)} → ${formatBytes(sizeAfter)})`,
 				);
 			}
 		},
 		closeBundle() {
+			if (this.environment?.name !== 'client') {
+				return;
+			}
 			logger.info('Purging css...');
 			for (const report of reports) {
 				logger.info(report);

package/vite/plugins/nitro-profile.ts

@@ -0,0 +1,86 @@
+interface TimingState {
+	requestStart: number;
+	renderStart?: number;
+	renderEnd?: number;
+}
+
+export default defineNitroPlugin((nitroApp) => {
+	const timings = new WeakMap<object, TimingState>();
+
+	const getTiming = (event: { context: object }) =>
+		timings.get(event.context);
+
+	const writeTiming = (event: any) => {
+		const timing = getTiming(event);
+		if (!timing) {
+			return;
+		}
+
+		const now = performance.now();
+		const serverTiming: string[] = [];
+
+		if (timing.renderStart) {
+			serverTiming.push(
+				`nuxt-pre-render;dur=${(timing.renderStart - timing.requestStart).toFixed(2)}`,
+			);
+		}
+
+		if (timing.renderStart && timing.renderEnd) {
+			serverTiming.push(
+				`nuxt-render;dur=${(timing.renderEnd - timing.renderStart).toFixed(2)}`,
+			);
+		}
+
+		if (timing.renderEnd) {
+			serverTiming.push(
+				`nuxt-post-render;dur=${(now - timing.renderEnd).toFixed(2)}`,
+			);
+		}
+
+		const cache = event.context.cache;
+		if (cache) {
+			serverTiming.push(
+				`nuxt-cache;desc="${timing.renderStart ? 'miss' : 'hit'}"`,
+			);
+		}
+
+		serverTiming.push(
+			`nuxt-total;dur=${(now - timing.requestStart).toFixed(2)}`,
+		);
+
+		setResponseHeader(event, 'Server-Timing', serverTiming.join(', '));
+	};
+
+	nitroApp.hooks.hook('request', (event) => {
+		timings.set(event.context, { requestStart: performance.now() });
+
+		const response = event.node?.res;
+		if (!response) {
+			return;
+		}
+
+		const end = response.end.bind(response);
+		response.end = ((...args: Parameters<typeof response.end>) => {
+			writeTiming(event);
+			return end(...args);
+		}) as typeof response.end;
+	});
+
+	nitroApp.hooks.hook('render:before', ({ event }) => {
+		const timing = getTiming(event);
+		if (timing) {
+			timing.renderStart = performance.now();
+		}
+	});
+
+	nitroApp.hooks.hook('render:html', (_html, { event }) => {
+		const timing = getTiming(event);
+		if (timing) {
+			timing.renderEnd = performance.now();
+		}
+	});
+
+	nitroApp.hooks.hook('beforeResponse', (event) => {
+		writeTiming(event);
+	});
+});

package/app/components/ui/PostContent.server.vue

@@ -1,23 +0,0 @@
-<script setup lang="ts">
-import { getPost, renderMarkdown } from "#myelophone/app/utils/blog.server";
-
-const props = defineProps<{
-	slug: string;
-}>();
-
-const post = await getPost(props.slug);
-const html = post ? renderMarkdown(post.content) : "";
-
-if (post) {
-	useAppSeo({
-		title: post.meta.title,
-		description: post.meta.description,
-		image: post.meta.image,
-	});
-}
-</script>
-
-<template>
-	<ViewNotFound v-if="!post" :set-response-status="false" />
-	<article v-else class="post-content" v-html="html" />
-</template>