@myelophone/nuxt 0.18.2 → 0.20.0

package/LICENSE

@@ -1,77 +1,77 @@
-PolyForm Noncommercial License 1.0.0
-
-<https://polyformproject.org/licenses/noncommercial/1.0.0>
-
-Required Notice: Copyright (c) 2026 Aliaksandr Ivanou
-
-Acceptance
-
-In order to get any license under these terms, you must agree to them as both strict obligations and conditions to all your licenses.
-
-Copyright License
-
-The licensor grants you a copyright license for the software to do everything you might do with the software that would otherwise infringe the licensor's copyright in it for any permitted purpose. However, you may only distribute the software according to Distribution License and make changes or new works based on the software according to Changes and New Works License.
-
-Distribution License
-
-The licensor grants you an additional copyright license to distribute copies of the software. Your license to distribute covers distributing the software with changes and new works permitted by Changes and New Works License.
-
-Notices
-
-You must ensure that anyone who gets a copy of any part of the software from you also gets a copy of these terms or the URL for them above, as well as copies of any plain-text lines beginning with "Required Notice:" that the licensor provided with the software. For example:
-
-Required Notice: Copyright Yoyodyne, Inc. (http://example.com)
-
-Changes and New Works License
-
-The licensor grants you an additional copyright license to make changes and new works based on the software for any permitted purpose.
-
-Patent License
-
-The licensor grants you a patent license for the software that covers patent claims the licensor can license, or becomes able to license, that you would infringe by using the software.
-
-Noncommercial Purposes
-
-Any noncommercial purpose is a permitted purpose.
-
-Personal Uses
-
-Personal use for research, experiment, and testing for the benefit of public knowledge, personal study, private entertainment, hobby projects, amateur pursuits, or religious observance, without any anticipated commercial application, is use for a permitted purpose.
-
-Noncommercial Organizations
-
-Use by any charitable organization, educational institution, public research organization, public safety or health organization, environmental protection organization, or government institution is use for a permitted purpose regardless of the source of funding or obligations resulting from the funding.
-
-Fair Use
-
-You may have "fair use" rights for the software under the law. These terms do not limit them.
-
-No Other Rights
-
-These terms do not allow you to sublicense or transfer any of your licenses to anyone else, or prevent the licensor from granting licenses to anyone else. These terms do not imply any other licenses.
-
-Patent Defense
-
-If you make any written claim that the software infringes or contributes to infringement of any patent, your patent license for the software granted under these terms ends immediately. If your company makes such a claim, your patent license ends immediately for work on behalf of your company.
-
-Violations
-
-The first time you are notified in writing that you have violated any of these terms, or done anything with the software not covered by your licenses, your licenses can nonetheless continue if you come into full compliance with these terms, and take practical steps to correct past violations, within 32 days of receiving notice. Otherwise, all your licenses end immediately.
-
-No Liability
-
-As far as the law allows, the software comes as is, without any warranty or condition, and the licensor will not be liable to you for any damages arising out of these terms or the use or nature of the software, under any kind of legal claim.
-
-Definitions
-
-The licensor is the individual or entity offering these terms, and the software is the software the licensor makes available under these terms.
-
-You refers to the individual or entity agreeing to these terms.
-
-Your company is any legal entity, sole proprietorship, or other kind of organization that you work for, plus all organizations that have control over, are under the control of, or are under common control with that organization.
-
-Control means ownership of substantially all the assets of an entity, or the power to direct its management and policies by vote, contract, or otherwise. Control can be direct or indirect.
-
-Your licenses are all the licenses granted to you for the software under these terms.
-
-Use means anything you do with the software requiring one of your licenses.
+PolyForm Noncommercial License 1.0.0
+
+<https://polyformproject.org/licenses/noncommercial/1.0.0>
+
+Required Notice: Copyright (c) 2026 Aliaksandr Ivanou
+
+Acceptance
+
+In order to get any license under these terms, you must agree to them as both strict obligations and conditions to all your licenses.
+
+Copyright License
+
+The licensor grants you a copyright license for the software to do everything you might do with the software that would otherwise infringe the licensor's copyright in it for any permitted purpose. However, you may only distribute the software according to Distribution License and make changes or new works based on the software according to Changes and New Works License.
+
+Distribution License
+
+The licensor grants you an additional copyright license to distribute copies of the software. Your license to distribute covers distributing the software with changes and new works permitted by Changes and New Works License.
+
+Notices
+
+You must ensure that anyone who gets a copy of any part of the software from you also gets a copy of these terms or the URL for them above, as well as copies of any plain-text lines beginning with "Required Notice:" that the licensor provided with the software. For example:
+
+Required Notice: Copyright Yoyodyne, Inc. (http://example.com)
+
+Changes and New Works License
+
+The licensor grants you an additional copyright license to make changes and new works based on the software for any permitted purpose.
+
+Patent License
+
+The licensor grants you a patent license for the software that covers patent claims the licensor can license, or becomes able to license, that you would infringe by using the software.
+
+Noncommercial Purposes
+
+Any noncommercial purpose is a permitted purpose.
+
+Personal Uses
+
+Personal use for research, experiment, and testing for the benefit of public knowledge, personal study, private entertainment, hobby projects, amateur pursuits, or religious observance, without any anticipated commercial application, is use for a permitted purpose.
+
+Noncommercial Organizations
+
+Use by any charitable organization, educational institution, public research organization, public safety or health organization, environmental protection organization, or government institution is use for a permitted purpose regardless of the source of funding or obligations resulting from the funding.
+
+Fair Use
+
+You may have "fair use" rights for the software under the law. These terms do not limit them.
+
+No Other Rights
+
+These terms do not allow you to sublicense or transfer any of your licenses to anyone else, or prevent the licensor from granting licenses to anyone else. These terms do not imply any other licenses.
+
+Patent Defense
+
+If you make any written claim that the software infringes or contributes to infringement of any patent, your patent license for the software granted under these terms ends immediately. If your company makes such a claim, your patent license ends immediately for work on behalf of your company.
+
+Violations
+
+The first time you are notified in writing that you have violated any of these terms, or done anything with the software not covered by your licenses, your licenses can nonetheless continue if you come into full compliance with these terms, and take practical steps to correct past violations, within 32 days of receiving notice. Otherwise, all your licenses end immediately.
+
+No Liability
+
+As far as the law allows, the software comes as is, without any warranty or condition, and the licensor will not be liable to you for any damages arising out of these terms or the use or nature of the software, under any kind of legal claim.
+
+Definitions
+
+The licensor is the individual or entity offering these terms, and the software is the software the licensor makes available under these terms.
+
+You refers to the individual or entity agreeing to these terms.
+
+Your company is any legal entity, sole proprietorship, or other kind of organization that you work for, plus all organizations that have control over, are under the control of, or are under common control with that organization.
+
+Control means ownership of substantially all the assets of an entity, or the power to direct its management and policies by vote, contract, or otherwise. Control can be direct or indirect.
+
+Your licenses are all the licenses granted to you for the software under these terms.
+
+Use means anything you do with the software requiring one of your licenses.

package/README.md

@@ -100,17 +100,17 @@ export default defineNuxtConfig({
 
 ### Extend it as a Nuxt layer
 
-The layer can be installed directly from GitHub without registry configuration, access tokens, or GitHub Packages authentication. Add the dependency to the consuming application's `package.json`:
+The layer is published on [npm](https://www.npmjs.com/package/@myelophone/nuxt). Add it to the consuming application's `package.json`:
 
 ```json
 {
  "devDependencies": {
-  "@myelophone/nuxt": "git+https://github.com/myelophone/nuxt.git"
+  "@myelophone/nuxt": "^0.19.1"
  }
 }
 ```
 
-Install dependencies and prepare Nuxt types:
+Install dependencies from npm and prepare Nuxt types:
 
 ```bash
 yarn install
@@ -542,7 +542,7 @@ const props = withDefaults(
 
 const english: ProductPageContent = {
  seo: {
-  title: "Acme — a clearer way to work",
+  title: "Acme - a clearer way to work",
   description: "A short description of the complete product page.",
  },
  brand: "Acme",
@@ -558,7 +558,7 @@ const defaultContentByLocale: Record<string, ProductPageContent> = {
  en: english,
  pl: mergeReadyContent(english, {
   seo: {
-   title: "Acme — prostszy sposób pracy",
+   title: "Acme - prostszy sposób pracy",
    description: "Krótki opis kompletnej strony produktu.",
   },
   hero: {
@@ -995,7 +995,7 @@ Use `SeoProfileInfo` only when the page primarily describes one person or organi
 <SeoProfileInfo
  id="https://example.com/team/ada#profile-page"
  url="https://example.com/team/ada"
- name="Ada Lovelace — profile"
+ name="Ada Lovelace - profile"
  date-created="2024-01-10T09:00:00Z"
  date-modified="2026-08-16T12:00:00Z"
  entity-id="https://example.com/team/ada#person"
@@ -2977,7 +2977,7 @@ Commits follow Conventional Commits and are checked with Commitlint. The `main`
 - `BREAKING CHANGE:` → major release;
 - documentation, tests, refactors, build, CI, style, and chores do not release by default.
 
-The release workflow updates `CHANGELOG.md` and `package.json`, publishes to GitHub Packages, creates a GitHub release, and commits release metadata back to the repository.
+The release workflow updates `CHANGELOG.md` and `package.json`, publishes to [npm](https://www.npmjs.com/package/@myelophone/nuxt) with provenance, creates a GitHub release, and commits release metadata back to the repository.
 
 ### Compatibility checklist
 

package/app/app.vue

@@ -354,7 +354,7 @@ useCommand({
 	<NuxtLayout>
 		<NuxtErrorBoundary>
 			<main id="main" tabindex="-1">
-				<NuxtPage :keepalive="{ max: 10 }" />
+				<NuxtPage />
 			</main>
 			<template #error="{ error, clearError }">
 				<SeoNoIndex :status-code="error?.statusCode" />

package/app/components/view/NotFound.vue

@@ -59,8 +59,8 @@ onUnmounted(deactivateNotFound);
 const { t } = useMultiLang(["interface"]);
 
 useAppSeo({
-	title: () => `404 — ${t("interface.pageNotFound")}`,
-	description: () => `404 — ${t("interface.pageNotFoundDescription")}`,
+	title: () => `404 - ${t("interface.pageNotFound")}`,
+	description: () => `404 - ${t("interface.pageNotFoundDescription")}`,
 	noIndex: true,
 });
 </script>

package/app/composables/useMultiLang.ts

@@ -174,6 +174,14 @@ export function useMultiLang(namespaces: string | string[]) {
 		{ watch: [activeLang] },
 	);
 
+	if (import.meta.client) {
+		onMounted(() => {
+			void Promise.all(
+				nsArray.map((ns) => loadNamespace(activeLang.value, ns)),
+			);
+		});
+	}
+
 	const t = (
 		key: string,
 		arg1?: InterpolationParams | number,

package/app/locales/en/error.json

@@ -1,4 +1,4 @@
-{
-  "title": "Error",
-  "tryAgain": "Try again"
-}
+{
+  "title": "Error",
+  "tryAgain": "Try again"
+}

package/app/locales/en/outdated.json

@@ -1,5 +1,5 @@
-{
-  "browserNotSupported": "Your browser is outdated and not supported",
-  "useModernBrowser": "Please use a modern browser to access this website",
-  "close": "Close"
-}
+{
+  "browserNotSupported": "Your browser is outdated and not supported",
+  "useModernBrowser": "Please use a modern browser to access this website",
+  "close": "Close"
+}

package/app/locales/en/times.json

@@ -1,18 +1,18 @@
-{
-  "day1": "day",
-  "day2": "days",
-  "day5": "days",
-  "hour1": "hour",
-  "hour2": "hours",
-  "hour5": "hours",
-  "minute1": "minute",
-  "minute2": "minutes",
-  "minute5": "minutes",
-  "second1": "second",
-  "second2": "seconds",
-  "second5": "seconds",
-  "secondshort": "s",
-  "minuteshort": "m",
-  "hourshort": "h",
-  "dayshort": "d"
-}
+{
+  "day1": "day",
+  "day2": "days",
+  "day5": "days",
+  "hour1": "hour",
+  "hour2": "hours",
+  "hour5": "hours",
+  "minute1": "minute",
+  "minute2": "minutes",
+  "minute5": "minutes",
+  "second1": "second",
+  "second2": "seconds",
+  "second5": "seconds",
+  "secondshort": "s",
+  "minuteshort": "m",
+  "hourshort": "h",
+  "dayshort": "d"
+}

package/app/locales/pl/times.json

@@ -1,18 +1,18 @@
-{
-  "day1": "dzień",
-  "day2": "dni",
-  "day5": "dni",
-  "hour1": "godzina",
-  "hour2": "godziny",
-  "hour5": "godzin",
-  "minute1": "minuta",
-  "minute2": "minuty",
-  "minute5": "minut",
-  "second1": "sekunda",
-  "second2": "sekundy",
-  "second5": "sekund",
-  "secondshort": "s",
-  "minuteshort": "m",
-  "hourshort": "g",
-  "dayshort": "d"
-}
+{
+  "day1": "dzień",
+  "day2": "dni",
+  "day5": "dni",
+  "hour1": "godzina",
+  "hour2": "godziny",
+  "hour5": "godzin",
+  "minute1": "minuta",
+  "minute2": "minuty",
+  "minute5": "minut",
+  "second1": "sekunda",
+  "second2": "sekundy",
+  "second5": "sekund",
+  "secondshort": "s",
+  "minuteshort": "m",
+  "hourshort": "g",
+  "dayshort": "d"
+}

package/app/locales/ru/error.json

@@ -1,4 +1,4 @@
-{
-  "title": "Ошибка",
-  "tryAgain": "Попробовать снова"
-}
+{
+  "title": "Ошибка",
+  "tryAgain": "Попробовать снова"
+}

package/app/locales/ru/outdated.json

@@ -1,5 +1,5 @@
-{
-  "browserNotSupported": "Ваш браузер не поддерживается",
-  "useModernBrowser": "Для корректной работы сайта используйте один из современных браузеров",
-  "close": "Закрыть"
-}
+{
+  "browserNotSupported": "Ваш браузер не поддерживается",
+  "useModernBrowser": "Для корректной работы сайта используйте один из современных браузеров",
+  "close": "Закрыть"
+}

package/app/locales/ru/times.json

@@ -1,18 +1,18 @@
-{
-  "day1": "день",
-  "day2": "дня",
-  "day5": "дней",
-  "hour1": "час",
-  "hour2": "часа",
-  "hour5": "часов",
-  "minute1": "минута",
-  "minute2": "минуты",
-  "minute5": "минут",
-  "second1": "секунда",
-  "second2": "секунды",
-  "second5": "секунд",
-  "secondshort": "с",
-  "minuteshort": "м",
-  "hourshort": "ч",
-  "dayshort": "д"
-}
+{
+  "day1": "день",
+  "day2": "дня",
+  "day5": "дней",
+  "hour1": "час",
+  "hour2": "часа",
+  "hour5": "часов",
+  "minute1": "минута",
+  "minute2": "минуты",
+  "minute5": "минут",
+  "second1": "секунда",
+  "second2": "секунды",
+  "second5": "секунд",
+  "secondshort": "с",
+  "minuteshort": "м",
+  "hourshort": "ч",
+  "dayshort": "д"
+}

package/app/middleware/blog-layout.ts

@@ -21,7 +21,9 @@ export default defineNuxtRouteMiddleware(async (to) => {
 	if (!post) {
 		const event = useRequestEvent();
 
-		if (event) {
+		const isIslandRequest = Boolean(useNuxtApp().ssrContext?.islandContext);
+
+		if (event && !isIslandRequest) {
 			setResponseStatus(event, 404, 'Not Found');
 		}
 	}

package/app/modules/default-blog/index.ts

@@ -20,7 +20,7 @@ function processPages(pages: NuxtPage[], blogEnabled: boolean) {
 	for (let i = pages.length - 1; i >= 0; i--) {
 		const page = pages[i]!;
 
-		if (page.file?.endsWith('/post/[...slug].vue')) {
+		if (page.file?.endsWith('/post/[...slug].server.vue')) {
 			if (!blogEnabled) {
 				pages.splice(i, 1);
 				continue;

package/app/modules/htaccess/.htaccess

@@ -1,38 +1,38 @@
-<IfModule mod_rewrite.c>
-RewriteEngine On
-RewriteBase /
-
-RewriteCond %{REQUEST_FILENAME} !-f
-RewriteCond %{REQUEST_FILENAME} !-d
-RewriteCond %{REQUEST_FILENAME}.html -f
-RewriteRule ^(.+?)/?$ $1.html [L]
-</IfModule>
-
-<IfModule mod_expires.c>
-ExpiresActive On
-ExpiresByType text/html "access plus 5 minutes"
-ExpiresByType text/css "access plus 1 year"
-ExpiresByType application/javascript "access plus 1 year"
-ExpiresByType image/webp "access plus 1 year"
-ExpiresByType image/avif "access plus 1 year"
-ExpiresByType image/png "access plus 1 year"
-ExpiresByType image/jpeg "access plus 1 year"
-ExpiresByType image/svg+xml "access plus 1 year"
-ExpiresByType font/woff2 "access plus 1 year"
-</IfModule>
-
-<IfModule mod_headers.c>
-<FilesMatch "\.html$">
-Header set Cache-Control "public, max-age=300, must-revalidate"
-</FilesMatch>
-<FilesMatch "\.(css|js|woff2|png|jpe?g|webp|avif|svg)$">
-Header set Cache-Control "public, max-age=31536000, immutable"
-</FilesMatch>
-Header always set X-Content-Type-Options "nosniff"
-Header always set X-Frame-Options "SAMEORIGIN"
-Header always set Referrer-Policy "strict-origin-when-cross-origin"
-</IfModule>
-
-<IfModule mod_deflate.c>
-AddOutputFilterByType DEFLATE text/html text/css application/javascript application/json image/svg+xml
-</IfModule>
+<IfModule mod_rewrite.c>
+RewriteEngine On
+RewriteBase /
+
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteCond %{REQUEST_FILENAME} !-d
+RewriteCond %{REQUEST_FILENAME}.html -f
+RewriteRule ^(.+?)/?$ $1.html [L]
+</IfModule>
+
+<IfModule mod_expires.c>
+ExpiresActive On
+ExpiresByType text/html "access plus 5 minutes"
+ExpiresByType text/css "access plus 1 year"
+ExpiresByType application/javascript "access plus 1 year"
+ExpiresByType image/webp "access plus 1 year"
+ExpiresByType image/avif "access plus 1 year"
+ExpiresByType image/png "access plus 1 year"
+ExpiresByType image/jpeg "access plus 1 year"
+ExpiresByType image/svg+xml "access plus 1 year"
+ExpiresByType font/woff2 "access plus 1 year"
+</IfModule>
+
+<IfModule mod_headers.c>
+<FilesMatch "\.html$">
+Header set Cache-Control "public, max-age=300, must-revalidate"
+</FilesMatch>
+<FilesMatch "\.(css|js|woff2|png|jpe?g|webp|avif|svg)$">
+Header set Cache-Control "public, max-age=31536000, immutable"
+</FilesMatch>
+Header always set X-Content-Type-Options "nosniff"
+Header always set X-Frame-Options "SAMEORIGIN"
+Header always set Referrer-Policy "strict-origin-when-cross-origin"
+</IfModule>
+
+<IfModule mod_deflate.c>
+AddOutputFilterByType DEFLATE text/html text/css application/javascript application/json image/svg+xml
+</IfModule>

package/app/modules/myelophone-config/module.ts

@@ -33,6 +33,52 @@ const enableDefaultRouteStreaming = (routeRules: Record<string, any>) => {
 	};
 };
 
+const disablePostRouteStreaming = (
+	routeRules: Record<string, any>,
+	locales: string[],
+) => {
+	const postRoutes = new Set([
+		'/post/**',
+		...locales.map((locale) => `/${locale}/post/**`),
+	]);
+
+	for (const route of postRoutes) {
+		routeRules[route] = {
+			...(routeRules[route] && typeof routeRules[route] === 'object'
+				? routeRules[route]
+				: {}),
+			streaming: false,
+		};
+	}
+};
+
+const addSWRPayloadRoutes = (routeRules: Record<string, any>) => {
+	for (const [route, rule] of Object.entries(routeRules)) {
+		if (!rule || typeof rule !== 'object' || rule.swr === false) {
+			continue;
+		}
+
+		if ('swr' in rule) {
+			const payloadRoute = `${route === '/' ? '' : route.replace(/\/$/, '')}/_payload.json`;
+			const current = routeRules[payloadRoute];
+			const cache =
+				rule.cache && typeof rule.cache === 'object'
+					? rule.cache
+					: {
+							swr: true,
+							...(typeof rule.swr === 'number'
+								? { maxAge: rule.swr }
+								: {}),
+						};
+
+			routeRules[payloadRoute] = {
+				...(current && typeof current === 'object' ? current : {}),
+				cache,
+			};
+		}
+	}
+};
+
 const defaultCookieScripts = {
 	necessary: [],
 	analytics: [],
@@ -179,6 +225,10 @@ export default defineNuxtModule<MyelophoneConfig>({
 		if (isStreamingSSR) {
 			nuxt.options.routeRules ||= {};
 			enableDefaultRouteStreaming(nuxt.options.routeRules);
+			disablePostRouteStreaming(
+				nuxt.options.routeRules,
+				myelophone.multi18n.locales,
+			);
 		}
 
 		nuxt.hook('build:before', () => {
@@ -193,10 +243,15 @@ export default defineNuxtModule<MyelophoneConfig>({
 		nuxt.hook('nitro:config', (nitroConfig) => {
 			nitroConfig.runtimeConfig ||= {};
 			nitroConfig.runtimeConfig.myelophone = myelophone;
+			nitroConfig.routeRules ||= {};
+			addSWRPayloadRoutes(nitroConfig.routeRules);
 
 			if (isStreamingSSR) {
-				nitroConfig.routeRules ||= {};
 				enableDefaultRouteStreaming(nitroConfig.routeRules);
+				disablePostRouteStreaming(
+					nitroConfig.routeRules,
+					myelophone.multi18n.locales,
+				);
 			}
 		});
 

package/app/pages/post/[...slug].server.vue

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { getPost } from "#myelophone/app/utils/blog.server";
+
+const route = useRoute();
+const param = "slug" in route.params ? route.params.slug : undefined;
+const slug = Array.isArray(param) ? param.join("/") : (param ?? "");
+const post = await getPost(slug);
+
+if (!post) {
+	const event = useRequestEvent();
+	const isIslandRequest = Boolean(useNuxtApp().ssrContext?.islandContext);
+
+	if (event && !isIslandRequest) {
+		setResponseStatus(event, 404, "Not Found");
+	}
+} else {
+	useAppSeo({
+		title: post.meta.title,
+		description: post.meta.description,
+		image: post.meta.image,
+	});
+}
+
+const html = post?.html ?? "";
+</script>
+
+<template>
+	<div class="post-content-page">
+		<ViewNotFound v-if="!post" :set-response-status="false" />
+		<article v-else class="post-content" v-html="html" />
+	</div>
+</template>

package/app/plugins/open-graph-only.ts

@@ -0,0 +1,36 @@
+export default defineNuxtPlugin(() => {
+	const head = injectHead();
+
+	if (!head) return;
+	const hooks = head.hooks;
+
+	if (!hooks) return;
+
+	hooks.hook('entries:normalize', ({ tags }) => {
+		for (let index = tags.length - 1; index >= 0; index--) {
+			const tag = tags[index];
+			if (!tag) continue;
+
+			if (
+				tag.tag === 'meta' &&
+				tag.props.name?.toLowerCase() === 'twitter:card'
+			) {
+				tags.splice(index, 1);
+			}
+		}
+	});
+
+	hooks.hook('tags:beforeResolve', ({ tags }) => {
+		for (let index = tags.length - 1; index >= 0; index--) {
+			const tag = tags[index];
+			if (!tag) continue;
+
+			if (
+				tag.tag === 'meta' &&
+				tag.props.name?.toLowerCase() === 'twitter:card'
+			) {
+				tags.splice(index, 1);
+			}
+		}
+	});
+});