From af17a196bf34a152efc32365c8961b21ee0090d0 Mon Sep 17 00:00:00 2001
From: limes <git@limes.pink>
Date: Wed, 26 Aug 2026 00:00:39 +0200
Subject: [PATCH 01/11] feat: fix seo for social media previews

---
 nuxt.config.ts                         |  1 +
 src/composables/customSeoMeta.ts       | 36 ++++++++++++++++++++++++++
 src/layouts/default.vue                |  5 ----
 src/layouts/docs.vue                   |  8 ------
 src/pages/account/forgot-password.vue  |  2 ++
 src/pages/account/index.vue            |  4 +--
 src/pages/account/login.vue            |  2 ++
 src/pages/account/miieditor.client.vue |  4 +--
 src/pages/account/register.vue         |  2 ++
 src/pages/account/reset-password.vue   |  2 ++
 src/pages/account/upgrade.vue          |  5 +---
 src/pages/blog/[slug].vue              | 15 ++++-------
 src/pages/blog/index.vue               |  5 ++--
 src/pages/docs/[...slug].vue           | 13 +++-------
 src/pages/docs/error/[code].vue        | 12 +++------
 src/pages/docs/errors.vue              | 21 +++------------
 src/pages/docs/install.vue             | 22 +++-------------
 src/pages/docs/welcome.vue             | 22 +++-------------
 src/pages/index.vue                    |  2 ++
 src/pages/nso-legacy-pack.vue          |  1 +
 src/pages/progress.vue                 |  5 ++++
 src/pages/terms/[slug].vue             | 12 +++------
 22 files changed, 86 insertions(+), 115 deletions(-)
 create mode 100644 src/composables/customSeoMeta.ts

diff --git a/nuxt.config.ts b/nuxt.config.ts
index 3833db3..6a786fa 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -156,6 +156,7 @@ export default defineNuxtConfig({
 				{ name: 'application-name', content: 'Pretendo Network' },
 				{ name: 'msapplication-TileColor', content: '#1b1f3b' },
 				{ name: 'theme-color', content: '#1b1f3b' },
+				{ property: 'og:title', content: 'Pretendo Network' },
 				{
 					property: 'og:description',
 					content:
diff --git a/src/composables/customSeoMeta.ts b/src/composables/customSeoMeta.ts
new file mode 100644
index 0000000..fa4f897
--- /dev/null
+++ b/src/composables/customSeoMeta.ts
@@ -0,0 +1,36 @@
+import type { UseSeoMetaInput } from '@unhead/vue';
+
+export type CustomSeoMetaOptions = UseSeoMetaInput & {
+	subsection?: string;
+};
+
+export default function (args?: CustomSeoMetaOptions) {
+	let newTitleTemplate = '';
+
+	switch (args?.subsection) {
+		case ('account'): {
+			newTitleTemplate = 'Account | Pretendo Network';
+			break;
+		}
+		case ('terms'): {
+			newTitleTemplate = 'Terms | Pretendo Network';
+			break;
+		}
+		case ('blog'): {
+			newTitleTemplate = 'Blog | Pretendo Network';
+			break;
+		}
+		case ('docs'): {
+			newTitleTemplate = 'Docs | Pretendo Network';
+			break;
+		}
+		default: {
+			newTitleTemplate = 'Pretendo Network';
+		}
+	}
+
+	const newTitle = args?.title ? `${args?.title} | ${newTitleTemplate}` : newTitleTemplate;
+
+	useHead({ title: newTitle });
+	useSeoMeta({ ...args, title: newTitle, ogTitle: newTitle, twitterTitle: newTitle, ogDescription: args?.description, twitterDescription: args?.description, twitterImage: args?.ogImage });
+}
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index 5b751a0..890f81f 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -1,9 +1,4 @@
 <script setup lang="ts">
-useHead({
-	titleTemplate: (titleChunk) => {
-		return titleChunk ? `${titleChunk} | Pretendo Network` : 'Pretendo Network';
-	}
-});
 </script>
 
 <template>
diff --git a/src/layouts/docs.vue b/src/layouts/docs.vue
index 45e36b9..7985900 100644
--- a/src/layouts/docs.vue
+++ b/src/layouts/docs.vue
@@ -3,14 +3,6 @@
 const path = useRoute().fullPath;
 
 const isSidebarOpen = ref(false);
-
-useHead({
-	titleTemplate: (titleChunk) => {
-		return titleChunk
-			? `${titleChunk} | Docs | Pretendo Network`
-			: 'Docs | Pretendo Network';
-	}
-});
 </script>
 
 <template>
diff --git a/src/pages/account/forgot-password.vue b/src/pages/account/forgot-password.vue
index 8524ab6..a8b9d9c 100644
--- a/src/pages/account/forgot-password.vue
+++ b/src/pages/account/forgot-password.vue
@@ -48,6 +48,8 @@ const { execute, isLoading } = useAsync({
 		});
 	}
 });
+
+customSeoMeta({ subsection: 'account', title: 'Forgot password' });
 </script>
 
 <template>
diff --git a/src/pages/account/index.vue b/src/pages/account/index.vue
index 363a930..737689e 100644
--- a/src/pages/account/index.vue
+++ b/src/pages/account/index.vue
@@ -154,9 +154,7 @@ const { execute: executeUnlinkDiscord, isLoading: isLoadingUnlink } = useAsync({
 	}
 });
 
-useHead({
-	title: `Account`
-});
+customSeoMeta({ subsection: 'account' });
 </script>
 
 <template>
diff --git a/src/pages/account/login.vue b/src/pages/account/login.vue
index 4347c88..35cf179 100644
--- a/src/pages/account/login.vue
+++ b/src/pages/account/login.vue
@@ -47,6 +47,8 @@ const { execute, isLoading } = useAsync({
 		});
 	}
 });
+
+customSeoMeta({ subsection: 'account', title: 'Login' });
 </script>
 
 <template>
diff --git a/src/pages/account/miieditor.client.vue b/src/pages/account/miieditor.client.vue
index 40d82f8..aa612b8 100644
--- a/src/pages/account/miieditor.client.vue
+++ b/src/pages/account/miieditor.client.vue
@@ -15,9 +15,7 @@ definePageMeta({
 
 const { data: profile } = await useApiFetch('/api/auth/me');
 
-useHead({
-	title: 'Mii Editor | Pretendo Network'
-});
+customSeoMeta({ subsection: 'account', title: 'Mii Editor' });
 
 const beforeUnload = (e: BeforeUnloadEvent) => {
 	e?.preventDefault();
diff --git a/src/pages/account/register.vue b/src/pages/account/register.vue
index caa59a3..c8c292d 100644
--- a/src/pages/account/register.vue
+++ b/src/pages/account/register.vue
@@ -55,6 +55,8 @@ const { execute, isLoading } = useAsync({
 		});
 	}
 });
+
+customSeoMeta({ subsection: 'account', title: 'Register' });
 </script>
 
 <template>
diff --git a/src/pages/account/reset-password.vue b/src/pages/account/reset-password.vue
index c0c856d..542b858 100644
--- a/src/pages/account/reset-password.vue
+++ b/src/pages/account/reset-password.vue
@@ -30,6 +30,8 @@ const { execute, isLoading } = useAsync({
 		});
 	}
 });
+
+customSeoMeta({ subsection: 'account', title: 'Reset passoword' });
 </script>
 
 <template>
diff --git a/src/pages/account/upgrade.vue b/src/pages/account/upgrade.vue
index 0c1a415..518b64b 100644
--- a/src/pages/account/upgrade.vue
+++ b/src/pages/account/upgrade.vue
@@ -81,10 +81,7 @@ function hasSubscription(priceId: string) {
 		profile.value?.stripeTier && priceId === profile.value.stripeTier.priceId
 	);
 }
-
-useHead({
-	title: `Upgrade`
-});
+customSeoMeta({ subsection: 'account', title: 'Upgrade' });
 </script>
 
 <template>
diff --git a/src/pages/blog/[slug].vue b/src/pages/blog/[slug].vue
index 9e9826b..cabc17b 100644
--- a/src/pages/blog/[slug].vue
+++ b/src/pages/blog/[slug].vue
@@ -8,16 +8,11 @@ if (!post.value) {
 	throw createError({ statusCode: 404, statusMessage: 'Page Not Found' });
 }
 
-useHead({
-	title: `${post.value.title} | Blog`,
-	meta: [
-		{ property: 'description', content: post.value.caption },
-		{ property: 'og:description', content: post.value.caption },
-		{ property: 'og:image', content: post.value.cover_image },
-		{ property: 'og:image:alt', content: '' },
-		{ name: 'twitter:description', content: post.value.caption },
-		{ name: 'twitter:image', content: post.value.cover_image }
-	]
+customSeoMeta({
+	subsection: 'blog',
+	title: post.value.title,
+	description: post.value.caption,
+	ogImage: post.value.cover_image
 });
 </script>
 
diff --git a/src/pages/blog/index.vue b/src/pages/blog/index.vue
index ffb5f71..a94d169 100644
--- a/src/pages/blog/index.vue
+++ b/src/pages/blog/index.vue
@@ -1,13 +1,12 @@
 <script setup lang="ts">
-useHead({
-	title: 'Blog'
-});
+customSeoMeta({ subsection: 'blog' });
 /* eslint-disable vue/no-v-html -- we might wanna avoid this by rewriting the locales to use variables */
 const { data: allPosts } = await useAsyncData('blog', () => queryCollection('blog').all());
 
 const posts = computed(() => allPosts.value?.filter(p => !p.path.startsWith('/blog/_')).sort((a, b) => {
 	return new Date(b.date).getTime() - new Date(a.date).getTime();
 }));
+
 </script>
 
 <template>
diff --git a/src/pages/docs/[...slug].vue b/src/pages/docs/[...slug].vue
index a2e2e79..c54de8e 100644
--- a/src/pages/docs/[...slug].vue
+++ b/src/pages/docs/[...slug].vue
@@ -7,15 +7,10 @@ const { data: doc } = await useAsyncData(`docs-${slug}`, () => {
 if (!doc.value) {
 	throw createError({ statusCode: 404, statusMessage: 'Page Not Found' });
 }
-
-useHead({
-	title: `${doc.value.title}`,
-	meta: [
-		{ property: 'description', content: doc.value.description },
-		{ property: 'og:description', content: doc.value.description },
-		{ property: 'og:image:alt', content: '' },
-		{ name: 'twitter:description', content: doc.value.description }
-	]
+customSeoMeta({
+	subsection: 'docs',
+	title: doc.value.title,
+	description: doc.value.description
 });
 
 definePageMeta({
diff --git a/src/pages/docs/error/[code].vue b/src/pages/docs/error/[code].vue
index 385a47c..f9a2512 100644
--- a/src/pages/docs/error/[code].vue
+++ b/src/pages/docs/error/[code].vue
@@ -8,14 +8,10 @@ if (!error.value) {
 	throw createError({ statusCode: 404, statusMessage: 'Page Not Found' });
 }
 
-useHead({
-	title: `${error.value.code} | Docs`,
-	meta: [
-		{ property: 'description', content: error.value.message },
-		{ property: 'og:description', content: error.value.message },
-		{ property: 'og:image:alt', content: '' },
-		{ name: 'twitter:description', content: error.value.message }
-	]
+customSeoMeta({
+	subsection: 'docs',
+	title: error.value.code,
+	description: error.value.message
 });
 
 definePageMeta({
diff --git a/src/pages/docs/errors.vue b/src/pages/docs/errors.vue
index a70fdc1..2db4901 100644
--- a/src/pages/docs/errors.vue
+++ b/src/pages/docs/errors.vue
@@ -36,25 +36,10 @@ const { data: searchResults } = await useAsyncData(
 );
 const results = computed(() => searchResults.value ?? []);
 
-useHead({
+customSeoMeta({
+	subsection: 'docs',
 	title: 'Search',
-	meta: [
-		{
-			name: 'description',
-			content:
-				'Got an error code? Find solutions here.'
-		},
-		{
-			name: 'og:description',
-			content:
-				'Got an error code? Find solutions here.'
-		},
-		{
-			name: 'twitter:description',
-			content:
-				'Got an error code? Find solutions here.'
-		}
-	]
+	description: 'Got an error code? Find solutions here.'
 });
 
 definePageMeta({
diff --git a/src/pages/docs/install.vue b/src/pages/docs/install.vue
index e8c768a..1d54f49 100644
--- a/src/pages/docs/install.vue
+++ b/src/pages/docs/install.vue
@@ -1,23 +1,9 @@
 <script setup lang="ts">
-useHead({
+
+customSeoMeta({
+	subsection: 'docs',
 	title: 'Install',
-	meta: [
-		{
-			name: 'description',
-			content:
-				'Learn how to set up Pretendo on a variety of consoles and emulators.'
-		},
-		{
-			name: 'og:description',
-			content:
-				'Learn how to set up Pretendo on a variety of consoles and emulators.'
-		},
-		{
-			name: 'twitter:description',
-			content:
-				'Learn how to set up Pretendo on a variety of consoles and emulators.'
-		}
-	]
+	description: 'Learn how to set up Pretendo on a variety of consoles and emulators.'
 });
 
 definePageMeta({
diff --git a/src/pages/docs/welcome.vue b/src/pages/docs/welcome.vue
index 9b3545c..55f886e 100644
--- a/src/pages/docs/welcome.vue
+++ b/src/pages/docs/welcome.vue
@@ -1,23 +1,9 @@
 <script setup lang="ts">
 
-useHead({
-	meta: [
-		{
-			name: 'description',
-			content:
-				'Learn how to set up Pretendo on a variety of consoles and emulators.'
-		},
-		{
-			name: 'og:description',
-			content:
-				'Learn how to set up Pretendo on a variety of consoles and emulators.'
-		},
-		{
-			name: 'twitter:description',
-			content:
-				'Learn how to set up Pretendo on a variety of consoles and emulators.'
-		}
-	]
+customSeoMeta({
+	subsection: 'docs',
+	description: 'Learn how to set up Pretendo on a variety of consoles and emulators.',
+	ogDescription: 'Learn how to set up Pretendo on a variety of consoles and emulators.'
 });
 
 definePageMeta({
diff --git a/src/pages/index.vue b/src/pages/index.vue
index b507428..fa57f6e 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -32,6 +32,8 @@ function arraySplit<T>(array: Array<T>, groupCount: number): Array<Array<T>> {
 function titleSuffixHandler(path: string) {
 	return te(path) ? t(path) : null;
 }
+
+customSeoMeta();
 </script>
 
 <template>
diff --git a/src/pages/nso-legacy-pack.vue b/src/pages/nso-legacy-pack.vue
index 03a06f9..190da78 100644
--- a/src/pages/nso-legacy-pack.vue
+++ b/src/pages/nso-legacy-pack.vue
@@ -4,6 +4,7 @@ useHead({
 	link: [{ rel: 'stylesheet', href: 'https://use.typekit.net/gok5tsu.css' }]
 });
 
+customSeoMeta();
 </script>
 
 <template>
diff --git a/src/pages/progress.vue b/src/pages/progress.vue
index eae48a1..778e776 100644
--- a/src/pages/progress.vue
+++ b/src/pages/progress.vue
@@ -1,6 +1,11 @@
 <script setup lang="ts">
 const { t } = useI18n();
 
+customSeoMeta({
+	title: t('progressPage.title'),
+	description: t('progressPage.description')
+});
+
 const progress = await useFetch('/api/progress');
 const projects = computed(() => progress.data.value?.items ?? []);
 const donations = computed(() => progress.data.value?.donations);
diff --git a/src/pages/terms/[slug].vue b/src/pages/terms/[slug].vue
index 31a5b7a..42cdaa7 100644
--- a/src/pages/terms/[slug].vue
+++ b/src/pages/terms/[slug].vue
@@ -8,14 +8,10 @@ if (!termContent.value) {
 	throw createError({ statusCode: 404, statusMessage: 'Page Not Found' });
 }
 
-useHead({
-	title: `${termContent.value.title} | Terms`,
-	meta: [
-		{ property: 'description', content: termContent.value.description },
-		{ property: 'og:description', content: termContent.value.description },
-		{ property: 'og:image:alt', content: '' },
-		{ name: 'twitter:description', content: termContent.value.description }
-	]
+customSeoMeta({
+	subsection: 'terms',
+	title: termContent.value.title,
+	description: termContent.value.description
 });
 </script>
 

From 628caa20d6f486021d828d6d4b069eb779d3b227 Mon Sep 17 00:00:00 2001
From: limes <git@limes.pink>
Date: Wed, 26 Aug 2026 00:17:37 +0200
Subject: [PATCH 02/11] fix: broken wrapping on 12-25-25 blogpost

---
 content/blog/12-25-25.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/blog/12-25-25.md b/content/blog/12-25-25.md
index 351422a..216fb2e 100644
--- a/content/blog/12-25-25.md
+++ b/content/blog/12-25-25.md
@@ -116,7 +116,7 @@ Thanks to the dedicated work by developer [Arian Kordi](https://github.com/arian
 While the last few months had a lot of focus on internal changes and Juxtaposition, game servers also saw a lot of attention!
 
 - [Dani](https://github.com/DaniElectra) has begun implementing the [`MessageDelivery` and `Messaging` protocols into our "common" module](https://github.com/PretendoNetwork/nex-protocols-common-go/pull/54). Once complete, these protocols should be widely available to all games
-- [Dani](https://github.com/DaniElectra) Has begun [implementing the `MatchmakeExtension::GetPlayingSession`](https://github.com/PretendoNetwork/nex-protocols-common-go/pull/55) NEX method for use in multiplayer games
+- [Dani](https://github.com/DaniElectra) Has begun [implementing the `MatchmakeExtension::​GetPlayingSession`](https://github.com/PretendoNetwork/nex-protocols-common-go/pull/55) NEX method for use in multiplayer games
 ![The Lobby area in Splatoon 1.](/assets/images/blogposts/december-25-2025/image6.png)
 *Splatoon, for its part, calls GetPlayingSession every time you enter the multiplayer lobby.*
 - [Trace](https://github.com/TraceEntertains) updated [Yo Kai Watch Blasters](https://github.com/PretendoNetwork/yo-kai-watch-blasters/pull/5) to the latest server libraries, including the above mentioned changes by [Dani](https://github.com/DaniElectra). With this update friend rooms and trading are now functional

From 9b40fe44467602660874e5e233af2696a4d5770a Mon Sep 17 00:00:00 2001
From: limes <git@limes.pink>
Date: Wed, 26 Aug 2026 05:45:17 +0200
Subject: [PATCH 03/11] fix: typos and other inaccuracies

Co-Authored-By: Jonathan Barrow <jonbarrow1998@gmail.com>
---
 src/pages/account/reset-password.vue | 2 +-
 src/pages/docs/install.vue           | 2 +-
 src/pages/docs/welcome.vue           | 3 +--
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/pages/account/reset-password.vue b/src/pages/account/reset-password.vue
index 542b858..a5fd82a 100644
--- a/src/pages/account/reset-password.vue
+++ b/src/pages/account/reset-password.vue
@@ -31,7 +31,7 @@ const { execute, isLoading } = useAsync({
 	}
 });
 
-customSeoMeta({ subsection: 'account', title: 'Reset passoword' });
+customSeoMeta({ subsection: 'account', title: 'Reset Password' });
 </script>
 
 <template>
diff --git a/src/pages/docs/install.vue b/src/pages/docs/install.vue
index 1d54f49..19c40b3 100644
--- a/src/pages/docs/install.vue
+++ b/src/pages/docs/install.vue
@@ -3,7 +3,7 @@
 customSeoMeta({
 	subsection: 'docs',
 	title: 'Install',
-	description: 'Learn how to set up Pretendo on a variety of consoles and emulators.'
+	description: 'Learn how to set up Pretendo Network on a variety of consoles and emulators.'
 });
 
 definePageMeta({
diff --git a/src/pages/docs/welcome.vue b/src/pages/docs/welcome.vue
index 55f886e..c291064 100644
--- a/src/pages/docs/welcome.vue
+++ b/src/pages/docs/welcome.vue
@@ -2,8 +2,7 @@
 
 customSeoMeta({
 	subsection: 'docs',
-	description: 'Learn how to set up Pretendo on a variety of consoles and emulators.',
-	ogDescription: 'Learn how to set up Pretendo on a variety of consoles and emulators.'
+	description: 'Learn how to set up Pretendo Network on a variety of consoles and emulators.'
 });
 
 definePageMeta({

From 7d3d52e328c2d6ad2cb4901fcf1ab34a426c2e75 Mon Sep 17 00:00:00 2001
From: BBasilio2001 <brunodiogobasilio1998@gmail.com>
Date: Fri, 28 Aug 2026 18:51:31 +0200
Subject: [PATCH 04/11] locales(update): Updated Chinese (Traditional Han
 script) locale

locales(update): Updated Chinese (Simplified Han script) locale

locales(update): Updated Chinese (Traditional Han script) locale

locales(update): Updated Chinese (Simplified Han script) locale

Co-authored-by: BBasilio2001 <brunodiogobasilio1998@gmail.com>
---
 src/locales/zh_CN.json   | 7 ++++---
 src/locales/zh_Hant.json | 7 ++++---
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/locales/zh_CN.json b/src/locales/zh_CN.json
index 2e9ec3e..cbb3c62 100644
--- a/src/locales/zh_CN.json
+++ b/src/locales/zh_CN.json
@@ -224,7 +224,7 @@
 				"nickname": "昵称",
 				"birthDate": "生日",
 				"gender": "性别",
-				"country": "国家/地区",
+				"country": "国家",
 				"timezone": "时区",
 				"serverEnv": "服务器环境",
 				"production": "生产环境",
@@ -244,7 +244,8 @@
 				"no_newsletter_notice": "电子报告目前不可用，请稍后再来查看。",
 				"userSettings": "用户设置",
 				"no_signins_notice": "目前没有任何登录历史。请稍后再试！",
-				"no_edit_from_dashboard": "目前无法从网站修改 PNID 设置。请通过已绑定的主机上修改用户设置。"
+				"no_edit_from_dashboard": "目前无法从网站修改 PNID 设置。请通过已绑定的主机上修改用户设置。",
+				"region": "地区"
 			},
 			"upgrade": "升级账号",
 			"unavailable": "无法使用",
@@ -309,7 +310,7 @@
 		"clickToSet": "点击设置",
 		"favorite": "设为最爱",
 		"sharing": "共享",
-		"copying": "复制中",
+		"copying": "允许复制",
 		"save": "保存",
 		"saveCaption": "保存你的 Mii 虚拟形象会删除之前的 Mii 虚拟形象。",
 		"noCanvas": "您的浏览器不支持 canvas 元素。",
diff --git a/src/locales/zh_Hant.json b/src/locales/zh_Hant.json
index 52619f4..f83e552 100644
--- a/src/locales/zh_Hant.json
+++ b/src/locales/zh_Hant.json
@@ -180,7 +180,7 @@
 				"profile": "個人檔案",
 				"birthDate": "生日",
 				"gender": "性別",
-				"country": "國家/地區",
+				"country": "國家",
 				"timezone": "時區",
 				"serverEnv": "伺服器環境",
 				"production": "生產",
@@ -204,7 +204,8 @@
 				"passwordPrompt": "輸入你的 PNID 密碼以下載 Cemu 檔案",
 				"no_signins_notice": "登入歷史紀錄目前未記錄。請稍後再來查看！",
 				"no_newsletter_notice": "電子報告目前無法使用。請稍後再來查看！",
-				"no_edit_from_dashboard": "目前無法從網站編輯 PNID 設定。請通過已連結的主機上編輯使用者設定。"
+				"no_edit_from_dashboard": "目前無法從網站編輯 PNID 設定。請通過已連結的主機上編輯使用者設定。",
+				"region": "地區"
 			},
 			"upgrade": "升級帳號",
 			"unavailable": "無法使用",
@@ -307,7 +308,7 @@
 	"miiEditor": {
 		"birthday": "生日",
 		"clickToSet": "點觸設定",
-		"copying": "複製中",
+		"copying": "允許複製",
 		"corruptedData": "找到已損壞的 Mii 資料。是否要從頭開始？",
 		"creator": "創作者",
 		"favorite": "設為最愛",

From f60a60618a78991ba54fbf7900ce930e8434efc1 Mon Sep 17 00:00:00 2001
From: William Oldham <github@binaryoverload.co.uk>
Date: Sat, 29 Aug 2026 17:39:06 +0100
Subject: [PATCH 05/11] chore(errors): change password error naming and add
 additional errors

---
 server/api/auth/register.post.ts | 10 +++++-----
 shared/errors.ts                 | 14 ++++++++++----
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/server/api/auth/register.post.ts b/server/api/auth/register.post.ts
index b62b6a6..c6061ec 100644
--- a/server/api/auth/register.post.ts
+++ b/server/api/auth/register.post.ts
@@ -21,11 +21,11 @@ const errors: Record<string, ApiErrorCodes> = {
 	'INVALID_ARGUMENT: Two or more punctuation characters cannot be used in a row': 'USERNAME_INVALID_CHARS',
 	'INVALID_ARGUMENT: PNID already in use': 'USERNAME_IN_USE',
 	'INVALID_ARGUMENT: Mii name too long': 'MIINAME_TOO_LONG',
-	'INVALID_ARGUMENT: Password must be between 6 and 16 characters long': 'INVALID_PASSWORD_INPUT',
-	'INVALID_ARGUMENT: Password cannot be the same as username': 'INVALID_PASSWORD_INPUT',
-	'INVALID_ARGUMENT: Password must have combination of letters, numbers, and/or punctuation characters': 'INVALID_PASSWORD_INPUT',
-	'INVALID_ARGUMENT: Password may not have 3 repeating characters': 'INVALID_PASSWORD_INPUT',
-	'INVALID_ARGUMENT: Passwords do not match': 'INVALID_PASSWORD_NO_MATCH'
+	'INVALID_ARGUMENT: Password must be between 6 and 16 characters long': 'PASSWORD_INVALID_LENGTH',
+	'INVALID_ARGUMENT: Password cannot be the same as username': 'PASSWORD_NOT_USERNAME',
+	'INVALID_ARGUMENT: Password must have combination of letters, numbers, and/or punctuation characters': 'PASSWORD_NEEDS_CHARS',
+	'INVALID_ARGUMENT: Password may not have 3 repeating characters': 'PASSWORD_REPEATED_CHARS',
+	'INVALID_ARGUMENT: Passwords do not match': 'PASSWORDS_DO_NOT_MATCH'
 };
 
 function getCutoffDateForAge(today: Date, age: number) {
diff --git a/shared/errors.ts b/shared/errors.ts
index bd83c98..47bb7cd 100644
--- a/shared/errors.ts
+++ b/shared/errors.ts
@@ -16,8 +16,11 @@ const apiErrorCodes = {
 	USERNAME_INVALID_CHARS: 'Username contains invalid characters',
 	USERNAME_IN_USE: 'PNID already in use',
 	MIINAME_TOO_LONG: 'Mii name too long',
-	INVALID_PASSWORD_INPUT: 'Password must be between 6 and 16 characters long',
-	INVALID_PASSWORD_NO_MATCH: 'Passwords do not match',
+	PASSWORD_INVALID_LENGTH: 'Password must be between 6 and 16 characters long',
+	PASSWORD_NOT_USERNAME: 'Password cannot be the same as your username',
+	PASSWORD_NEEDS_CHARS: 'Password must have combination of letters, numbers, and/or punctuation characters',
+	PASSWORDS_DO_NOT_MATCH: 'Passwords do not match',
+	PASSWORD_REPEATED_CHARS: 'Password may not have 3 repeating characters',
 	ACCOUNT_DELETED: 'Account has been deleted',
 	INVALID_ACCESS_LEVEL: 'Invalid access level',
 	BANNED: 'Account is banned',
@@ -45,8 +48,11 @@ export const apiErrorCodeStatus: Record<ApiErrorCodes, number> = {
 	UNDER_THIRTEEN: 400,
 	ACCOUNT_DELETED: 400,
 	INVALID_EMAIL: 400,
-	INVALID_PASSWORD_INPUT: 400,
-	INVALID_PASSWORD_NO_MATCH: 400,
+	PASSWORD_INVALID_LENGTH: 400,
+	PASSWORD_NOT_USERNAME: 400,
+	PASSWORD_NEEDS_CHARS: 400,
+	PASSWORDS_DO_NOT_MATCH: 400,
+	PASSWORD_REPEATED_CHARS: 400,
 	MIINAME_TOO_LONG: 400,
 	USERNAME_IN_USE: 400,
 	USERNAME_INVALID_CHARS: 400,

From f0966e7e6b5f29cd24e91c3852b96ea6163be74d Mon Sep 17 00:00:00 2001
From: William Oldham <github@binaryoverload.co.uk>
Date: Sat, 29 Aug 2026 17:39:36 +0100
Subject: [PATCH 06/11] feat(http): add JSON parsing to httpApi data response

---
 server/utils/httpApi.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/server/utils/httpApi.ts b/server/utils/httpApi.ts
index 28f9264..e819396 100644
--- a/server/utils/httpApi.ts
+++ b/server/utils/httpApi.ts
@@ -27,7 +27,11 @@ export function useHttpApi(event: H3Event, token?: string): HttpApiFetch {
 		if (response.statusCode >= 400) {
 			const err = new Error(`Request failed with ${response.statusCode}`);
 			try {
-				(err as any).data = await response.body.text();
+				if (response.headers['content-type']?.includes('application/json')) {
+					(err as any).data = await response.body.json();
+				} else {
+					(err as any).data = await response.body.text();
+				}
 			} catch {
 				// It's already errored, we don't need to know the body
 			}

From 20ca7d55ffc59d83984e77b9180c5c6fc74c056f Mon Sep 17 00:00:00 2001
From: William Oldham <github@binaryoverload.co.uk>
Date: Sat, 29 Aug 2026 17:40:03 +0100
Subject: [PATCH 07/11] fix(reset-password): handle errors in http reset
 password api

---
 server/api/auth/reset-password.post.ts | 46 ++++++++++++++++++++------
 1 file changed, 36 insertions(+), 10 deletions(-)

diff --git a/server/api/auth/reset-password.post.ts b/server/api/auth/reset-password.post.ts
index ea77ebd..b2a6492 100644
--- a/server/api/auth/reset-password.post.ts
+++ b/server/api/auth/reset-password.post.ts
@@ -1,19 +1,45 @@
 import { ResetPasswordSchema } from '~~/shared/api-types';
+import type { ApiErrorCodes } from '~~/shared/errors';
+
+const errors: Record<string, ApiErrorCodes> = {
+	'Missing token': 'INVALID_INPUT',
+	'Invalid token': 'INVALID_INPUT',
+	'Token expired': 'INVALID_INPUT',
+	'Invalid token. No user found': 'INVALID_INPUT',
+	'Must enter a password': 'PASSWORD_INVALID_LENGTH',
+	'Password is too long': 'PASSWORD_INVALID_LENGTH',
+	'Password is too short': 'PASSWORD_INVALID_LENGTH',
+	'Password cannot be the same as username': 'PASSWORD_NOT_USERNAME',
+	'Password must have combination of letters, numbers, and/or punctuation characters': 'PASSWORD_NEEDS_CHARS',
+	'Password may not have 3 repeating characters': 'PASSWORD_REPEATED_CHARS',
+	'Passwords do not match': 'PASSWORDS_DO_NOT_MATCH'
+};
 
 export default defineEventHandler(async (event): Promise<void> => {
 	const body = await readZodBody(event, ResetPasswordSchema);
 	const apiFetch = useHttpApi(event);
 
 	// The GRPC version requires a login token, which the user doesnt have when resetting password, so we're using the HTTP api
-	await apiFetch('/v1/reset-password', {
-		method: 'POST',
-		body: JSON.stringify({
-			password: body.password,
-			password_confirm: body.passwordConfirm,
-			token: body.resetToken
-		}),
-		headers: {
-			'Content-type': 'application/json'
+	try {
+		await apiFetch('/v1/reset-password', {
+			method: 'POST',
+			body: JSON.stringify({
+				password: body.password,
+				password_confirm: body.passwordConfirm,
+				token: body.resetToken
+			}),
+			headers: {
+				'Content-type': 'application/json'
+			}
+		});
+	}	catch (err: any) {
+		const data = err?.data;
+		let errorCode: ApiErrorCodes = 'UNHANDLED_ERROR';
+
+		if (typeof data === 'object' && data?.error) {
+			errorCode = errors[data.error] ?? 'UNHANDLED_ERROR';
 		}
-	});
+
+		throw createApiError(errorCode);
+	}
 });

From b1866617c67ba890ce5b7d7065a89e891ffc01a5 Mon Sep 17 00:00:00 2001
From: William Oldham <github@binaryoverload.co.uk>
Date: Sat, 29 Aug 2026 19:14:48 +0100
Subject: [PATCH 08/11] fix(logs): don't spam the logs with 404 and add better
 logging for server errors

---
 server/plugins/log-errors.ts | 38 ++++++++++++++++++++++++++++++++++++
 src/error.vue                |  8 +++++---
 2 files changed, 43 insertions(+), 3 deletions(-)
 create mode 100644 server/plugins/log-errors.ts

diff --git a/server/plugins/log-errors.ts b/server/plugins/log-errors.ts
new file mode 100644
index 0000000..fb5a969
--- /dev/null
+++ b/server/plugins/log-errors.ts
@@ -0,0 +1,38 @@
+import type { H3Error } from 'h3';
+
+/**
+ * Logs server-side errors in a compact, readable format.
+ *
+ * Nitro fires the `error` hook for every request error, whatever the source
+ * (API routes, server routes/middleware, SSR rendering). It also fires for
+ * expected HTTP errors like 404s, so anything below a 500 is ignored here.
+ */
+export default defineNitroPlugin((nitroApp) => {
+	nitroApp.hooks.hook('error', (err, { event }) => {
+		const error = err as Partial<H3Error>;
+		const statusCode = error.statusCode ?? 500;
+
+		// Skip expected client errors (404, 401, 422, redirects, ...).
+		if (statusCode < 500) {
+			return;
+		}
+
+		const where = event ? `${event.method} ${event.path}` : 'non-request';
+		const tag = error.unhandled ? '[unhandled]' : '';
+
+		console.error(`[server error] ${tag} ${where} -> ${statusCode} ${err.message}`);
+
+		if (error.data !== undefined) {
+			console.error('  data:', error.data);
+		}
+
+		if (err.cause) {
+			console.error('  cause:', err.cause);
+		}
+
+		if (err.stack) {
+			// Drop the first line (already printed above as the message).
+			console.error(err.stack.split('\n').slice(1).join('\n'));
+		}
+	});
+});
diff --git a/src/error.vue b/src/error.vue
index cfb6106..f480546 100644
--- a/src/error.vue
+++ b/src/error.vue
@@ -3,9 +3,11 @@ import { watchImmediate } from '@vueuse/core';
 import DefaultLayout from './layouts/default.vue';
 const { error } = defineProps<{ error: any }>();
 
-watchImmediate([error], () => {
-	console.error(error);
-});
+if (import.meta.client) {
+	watchImmediate([() => error], () => {
+		console.error(error);
+	});
+}
 </script>
 
 <template>

From 8acd9e2fae0e428c4e1ba8fa04427ce5ff47fcde Mon Sep 17 00:00:00 2001
From: William Oldham <github@binaryoverload.co.uk>
Date: Sat, 29 Aug 2026 19:17:14 +0100
Subject: [PATCH 09/11] chore(logs): remove unnecessary comment

---
 server/plugins/log-errors.ts | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/server/plugins/log-errors.ts b/server/plugins/log-errors.ts
index fb5a969..8a12b82 100644
--- a/server/plugins/log-errors.ts
+++ b/server/plugins/log-errors.ts
@@ -1,12 +1,5 @@
 import type { H3Error } from 'h3';
 
-/**
- * Logs server-side errors in a compact, readable format.
- *
- * Nitro fires the `error` hook for every request error, whatever the source
- * (API routes, server routes/middleware, SSR rendering). It also fires for
- * expected HTTP errors like 404s, so anything below a 500 is ignored here.
- */
 export default defineNitroPlugin((nitroApp) => {
 	nitroApp.hooks.hook('error', (err, { event }) => {
 		const error = err as Partial<H3Error>;

From 47c979645f9de374afc372647256f6062928f831 Mon Sep 17 00:00:00 2001
From: William Oldham <github@binaryoverload.co.uk>
Date: Sat, 29 Aug 2026 19:22:03 +0100
Subject: [PATCH 10/11] chore(logs): simplify error logging

---
 server/plugins/log-errors.ts | 15 +--------------
 1 file changed, 1 insertion(+), 14 deletions(-)

diff --git a/server/plugins/log-errors.ts b/server/plugins/log-errors.ts
index 8a12b82..ab1b6f6 100644
--- a/server/plugins/log-errors.ts
+++ b/server/plugins/log-errors.ts
@@ -13,19 +13,6 @@ export default defineNitroPlugin((nitroApp) => {
 		const where = event ? `${event.method} ${event.path}` : 'non-request';
 		const tag = error.unhandled ? '[unhandled]' : '';
 
-		console.error(`[server error] ${tag} ${where} -> ${statusCode} ${err.message}`);
-
-		if (error.data !== undefined) {
-			console.error('  data:', error.data);
-		}
-
-		if (err.cause) {
-			console.error('  cause:', err.cause);
-		}
-
-		if (err.stack) {
-			// Drop the first line (already printed above as the message).
-			console.error(err.stack.split('\n').slice(1).join('\n'));
-		}
+		console.error(`[server error] ${tag} ${statusCode} ${where}:`, err);
 	});
 });

From 159f543ac1285159f5642a12bf6d05620c57c2b6 Mon Sep 17 00:00:00 2001
From: limes <git@limes.pink>
Date: Sat, 29 Aug 2026 21:45:13 +0200
Subject: [PATCH 11/11] feat: improve miieditor discoverability

---
 src/pages/account/index.vue | 71 +++++++++++++++++++++++--------------
 1 file changed, 44 insertions(+), 27 deletions(-)

diff --git a/src/pages/account/index.vue b/src/pages/account/index.vue
index 737689e..4c8d91b 100644
--- a/src/pages/account/index.vue
+++ b/src/pages/account/index.vue
@@ -164,15 +164,27 @@ customSeoMeta({ subsection: 'account' });
   >
     <div class="account-sidebar">
       <div class="user">
-        <a
-          href="/account/miieditor"
-          class="mii"
-        >
-          <img
-            :src="profile.mii?.imageUrl"
-            alt="Mii image"
+        <div class="mii-wrapper">
+          <a
+            href="/account/miieditor"
+            class="mii"
           >
-        </a>
+            <img
+              :src="profile.mii?.imageUrl"
+              alt="Mii image"
+            >
+          </a>
+          <a
+            class="edit-button"
+            href="/account/miieditor"
+          >
+            <Icon
+              name="ph:pencil"
+              size="20"
+            />
+          </a>
+        </div>
+
         <p class="miiname">
           {{ profile.mii?.name }}
         </p>
@@ -640,36 +652,41 @@ customSeoMeta({ subsection: 'account' });
 	border-color: #5aff15;
 }
 
+.account-sidebar .user .mii-wrapper {
+	position: relative;
+}
+
 .account-sidebar .user a.mii {
 	position: relative;
 	display: block;
 	width: 128px;
 	height: 128px;
 	overflow: hidden;
-	border-radius: 100%;
+	border-radius: 9999px;
 	background: var(--bg-shade-3);
 }
-.account-sidebar .user a.mii::after {
-	content: "";
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	background:
-		no-repeat center/50% url("@/public/assets/images/edit.svg"),
-		rgba(55, 60, 101, 0.7);
-	opacity: 0;
-	transition: opacity 150ms;
-}
-.account-sidebar .user a.mii:hover::after {
-	opacity: 1;
+.account-sidebar .user a.mii:hover,
+.account-sidebar .user .mii-wrapper a.edit-button:hover,
+.account-sidebar .user:has(a.edit-button:hover) a.mii,
+.account-sidebar .user:has(a.mii:hover) a.edit-button {
+	background: var(--bg-shade-4);
 }
 
-.account-sidebar .user .mii {
-	width: 100%;
-	height: 100%;
+.account-sidebar .user .mii-wrapper a.edit-button {
+	color: inherit;
+	position: absolute;
+	right: 2px;
+	bottom: 2px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	background: var(--bg-shade-3);
+	width: 32px;
+	height: 32px;
+	border: 2px solid var(--bg-shade-1);
+	border-radius: 9999px;
 }
+
 .account-sidebar .buttons {
 	display: grid;
 	grid-auto-flow: row;