chore: upgrade eslint to 8.x & fix rules

src/App.vue

@@ -17,7 +17,7 @@
               />
             </div>
 
-            <ActionBar @actionHandler="handleAction" />
+            <ActionBar @action="handleAction" />
 
             <div class="action-group">
               <button class="action-randomize" @click="handleGenerate">
@@ -48,7 +48,7 @@
           />
         </div>
 
-        <Confetti />
+        <ConfettiCanvas />
 
         <div class="gradient-bg">
           <div class="gradient-top"></div>
@@ -93,7 +93,7 @@ import {
 } from '@/utils/constant'
 import { recordEvent } from '@/utils/ga'
 
-import Confetti from './components/Confetti.vue'
+import ConfettiCanvas from './components/ConfettiCanvas.vue'
 
 const store = useStore()
 

src/components/ActionBar.vue

@@ -6,7 +6,7 @@
       class="menu-item"
       :class="{ disabled: ac.disabled }"
       :title="ac.tip"
-      @click="emit('actionHandler', ac.type)"
+      @click="emit('action', ac.type)"
     >
       <img :src="ac.icon" :alt="ac.tip" />
     </div>
@@ -25,7 +25,7 @@ import { ActionType } from '@/enums'
 import { useStore } from '@/store'
 
 const emit = defineEmits<{
-  (e: 'actionHandler', actionType: ActionType): void
+  (e: 'action', actionType: ActionType): void
 }>()
 
 const { t } = useI18n()

src/components/VueColorAvatar.vue

@@ -14,6 +14,12 @@
   </div>
 </template>
 
+<script lang="ts">
+export interface VueColorAvatarRef {
+  avatarRef: HTMLDivElement
+}
+</script>
+
 <script lang="ts" setup>
 import { ref, toRefs, watchEffect } from 'vue'
 
@@ -25,7 +31,7 @@ import { widgetData } from '@/utils/dynamic-data'
 
 import Background from './widgets/Background.vue'
 
-export interface VueColorAvatarProps {
+interface VueColorAvatarProps {
   option: AvatarOption
   size?: number
 }
@@ -37,10 +43,6 @@ const props = withDefaults(defineProps<VueColorAvatarProps>(), {
 
 const { option: avatarOption, size: avatarSize } = toRefs(props)
 
-export interface VueColorAvatarRef {
-  avatarRef: HTMLDivElement
-}
-
 const avatarRef = ref<VueColorAvatarRef['avatarRef']>()
 
 defineExpose({ avatarRef })