From fb6612620049d152e8ae36c0b3a87f562f30fa69 Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Sun, 6 Apr 2025 16:59:03 +0800
Subject: [PATCH] fix(stage-tamagotchi): build

---
 .../src/pages/settings/appearance/index.vue   | 14 --------------
 .../src/pages/settings/models/index.vue       | 18 ------------------
 .../src/pages/settings/providers/index.vue    | 19 -------------------
 3 files changed, 51 deletions(-)

diff --git a/apps/stage-tamagotchi/src/pages/settings/appearance/index.vue b/apps/stage-tamagotchi/src/pages/settings/appearance/index.vue
index 4ea27020f..47b492c23 100644
--- a/apps/stage-tamagotchi/src/pages/settings/appearance/index.vue
+++ b/apps/stage-tamagotchi/src/pages/settings/appearance/index.vue
@@ -8,7 +8,6 @@ import { useRouter } from 'vue-router'
 
 import CheckBar from '../../../components/Settings/CheckBar.vue'
 import ColorPalette from '../../../components/Settings/ColorPalette.vue'
-import { useIconAnimation } from '../../../composables/useIconAnimation'
 import COLOR_PRESETS from './color-presets.json'
 
 const router = useRouter()
@@ -18,8 +17,6 @@ const { t } = useI18n()
 
 const usePageSpecificTransitionsSettingChanged = ref(false)
 
-const { iconAnimationStarted, showIconAnimation, animationIcon } = useIconAnimation('i-lucide:paintbrush')
-
 // avoid showing the animation component when the page specific transitions are enabled
 watch(() => [settings.usePageSpecificTransitions, settings.disableTransitions], () => {
   usePageSpecificTransitionsSettingChanged.value = true
@@ -265,17 +262,6 @@ watch(() => [settings.usePageSpecificTransitions, settings.disableTransitions],
     />
   </Section>
 
-  <IconAnimation
-    v-if="showIconAnimation && !usePageSpecificTransitionsSettingChanged"
-    :z-index="-1"
-    :duration="1000"
-    :started="iconAnimationStarted"
-    :is-reverse="true"
-    :icon="animationIcon"
-    :icon-size="12"
-    position="calc(100dvw - 9.5rem), calc(100dvh - 9.5rem)"
-    text-color="text-neutral-200/50 dark:text-neutral-600/20"
-  />
   <div
     v-motion
     text="neutral-200/50 dark:neutral-600/20" pointer-events-none
diff --git a/apps/stage-tamagotchi/src/pages/settings/models/index.vue b/apps/stage-tamagotchi/src/pages/settings/models/index.vue
index f43798b71..79e0d4576 100644
--- a/apps/stage-tamagotchi/src/pages/settings/models/index.vue
+++ b/apps/stage-tamagotchi/src/pages/settings/models/index.vue
@@ -9,7 +9,6 @@ import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
 
 import Live2DSettings from '../../../components/Widgets/Live2DSettings.vue'
-import { useIconAnimation } from '../../../composables/useIconAnimation'
 
 const { t } = useI18n()
 const router = useRouter()
@@ -41,12 +40,6 @@ async function extractColorsFromModel() {
     URL.revokeObjectURL(frameUrl)
   }
 }
-
-const {
-  iconAnimationStarted,
-  showIconAnimation,
-  animationIcon,
-} = useIconAnimation('i-lucide:person-standing')
 </script>
 
 <template>
@@ -77,17 +70,6 @@ const {
     <Live2DSettings w="50%" h="80vh" :palette="palette" @extract-colors-from-model="extractColorsFromModel" />
   </div>
 
-  <IconAnimation
-    v-if="showIconAnimation"
-    :z-index="-1"
-    :icon="animationIcon"
-    :icon-size="12"
-    :duration="1000"
-    :started="iconAnimationStarted"
-    :is-reverse="true"
-    position="calc(100dvw - 9.5rem), calc(100dvh - 9.5rem)"
-    text-color="text-neutral-200/50 dark:text-neutral-600/20"
-  />
   <div v-if="!settingsStore.usePageSpecificTransitions" text="neutral-200/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 z--1 translate-x-10 translate-y-10>
     <div text="40" i-lucide:person-standing />
   </div>
diff --git a/apps/stage-tamagotchi/src/pages/settings/providers/index.vue b/apps/stage-tamagotchi/src/pages/settings/providers/index.vue
index 18aa02a2b..2b702a4ef 100644
--- a/apps/stage-tamagotchi/src/pages/settings/providers/index.vue
+++ b/apps/stage-tamagotchi/src/pages/settings/providers/index.vue
@@ -5,18 +5,10 @@ import { storeToRefs } from 'pinia'
 import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
 
-import { useIconAnimation } from '../../../composables/useIconAnimation'
-
 const { t } = useI18n()
 const router = useRouter()
 const providersStore = useProvidersStore()
 const { allProvidersMetadata } = storeToRefs(providersStore)
-
-const {
-  iconAnimationStarted,
-  showIconAnimation,
-  animationIcon,
-} = useIconAnimation('i-lucide:brain')
 </script>
 
 <template>
@@ -58,17 +50,6 @@ const {
       :configured="provider.configured"
     />
   </div>
-  <IconAnimation
-    v-if="showIconAnimation"
-    :z-index="-1"
-    :icon="animationIcon"
-    :icon-size="12"
-    :duration="1000"
-    :started="iconAnimationStarted"
-    :is-reverse="true"
-    position="calc(100dvw - 9.5rem), calc(100dvh - 9.5rem)"
-    text-color="text-neutral-200/50 dark:text-neutral-600/20"
-  />
   <div
     v-motion
     text="neutral-200/50 dark:neutral-600/20" pointer-events-none