From 8e38297767ff1cd911f4e262de0311e4dd16460e Mon Sep 17 00:00:00 2001
From: limes <git@limes.pink>
Date: Wed, 19 Aug 2026 19:40:11 +0200
Subject: [PATCH] fix(miieditor): canvas not loaded at first render

---
 src/pages/account/miieditor.client.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/pages/account/miieditor.client.vue b/src/pages/account/miieditor.client.vue
index bb59e8b..a96a161 100644
--- a/src/pages/account/miieditor.client.vue
+++ b/src/pages/account/miieditor.client.vue
@@ -4,6 +4,7 @@ import BirthdaySetter from '@/components/BirthdaySetter/BirthdaySetter.vue';
 import { miiEditorJSON } from '@/utils/miieditor';
 import type { ApiAccountUpdateRequest } from '~~/shared/api-types';
 import type { Subtab, Tab } from '@/utils/miieditor';
+import { watchOnce } from '@vueuse/core';
 
 const { t } = useI18n();
 
@@ -187,7 +188,7 @@ async function renderMii(_e?: Event, sizeChange?: boolean) {
 	loadingCanvas.value = false;
 }
 
-onMounted(() => {
+watchOnce(miiCanvas, () => {
 	renderMii();
 });