add some achievements

packages/frontend/src/pages/achievements.vue

@@ -8,11 +8,36 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from 'vue';
+import { onActivated, onDeactivated, onMounted, onUnmounted, ref } from 'vue';
 import MkAchievements from '@/components/MkAchievements.vue';
 import { i18n } from '@/i18n';
 import { definePageMetadata } from '@/scripts/page-metadata';
 import { $i } from '@/account';
+import { claimAchievement } from '@/scripts/achievements';
+
+let timer;
+
+function viewAchievements3min() {
+	claimAchievement('viewAchievements3min');
+}
+
+onMounted(() => {
+	if (timer == null) timer = window.setTimeout(viewAchievements3min, 1000 * 60 * 3);
+});
+
+onUnmounted(() => {
+	window.clearTimeout(timer);
+	timer = null;
+});
+
+onActivated(() => {
+	if (timer == null) timer = window.setTimeout(viewAchievements3min, 1000 * 60 * 3);
+});
+
+onDeactivated(() => {
+	window.clearTimeout(timer);
+	timer = null;
+});
 
 definePageMetadata({
 	title: i18n.ts.achievements,