feat: add update mii button

README.md

@@ -106,13 +106,13 @@ Miscellanous tasks:
   - [x] Login/logout
   - [x] Register
   - [x] Discourse SSO
-  - [ ] HCaptcha
+  - [x] HCaptcha
   - [x] RSS feed
   - [ ] Stripe checkout
   - [ ] Stripe donation progress
   - [ ] Stripe webhooks (+ mailing)
-  - [ ] Forgot password flow
+  - [x] Forgot password flow
   - [x] Delete account
   - [x] server environment changing
-  - [ ] Mii edits saving
+  - [x] Mii edits saving
   - [x] Auth cookies

src/pages/account/index.vue

@@ -6,7 +6,7 @@ definePageMeta({
 });
 
 const authStore = useAuthStore();
-const { data: profile, refresh } = await useApiFetch('/api/auth/me', { });
+const { data: profile, refresh } = await useApiFetch('/api/auth/me');
 
 async function updateServerEnvironment(env: ApiAccountUpdateRequest['environment']) {
 	try {
@@ -59,6 +59,21 @@ async function unlinkDiscord() {
 		alert(err.code);
 	}
 }
+
+async function updateMii() {
+	try {
+		await apiFetch('/api/account/update', {
+			method: 'PATCH',
+			body: {
+				mii: { name: 'steve', primary: 'Y', data: 'AwAAQMjn20WghCBw2qjhdwOzuI0n2QAAAFhzAHQAZQB2AGUAAAAAAAAAAAAAACoWCgBLBQFoRBgm\r\nNEYUjRIJaA0AACkAUkhQAAAAAAAAAAAAAAAAAAAAAAAAAAAAALaT' }
+			} satisfies ApiAccountUpdateRequest
+		});
+		await refresh();
+	} catch (error: unknown) {
+		const err = getApiError(error);
+		alert(err.code);
+	}
+}
 </script>
 
 <template>
@@ -89,6 +104,11 @@ async function unlinkDiscord() {
     >
       Link discord
     </button>
+    <button
+      @click="updateMii()"
+    >
+      Update Mii
+    </button>
     <button
       :style="{ color: 'red' }"
       @click="deleteAccount()"