fix: eslint and lint fixed

src/App.vue

@@ -1,84 +1,90 @@
 <script setup lang="ts">
-import { onMounted,ref } from 'vue'
+import PlayMusic from '@/components/PlayMusic/index.vue'
 import useStore from '@/store'
 import { storeToRefs } from 'pinia'
-import PlayMusic from '@/components/PlayMusic/index.vue'
-
 import { themeChange } from 'theme-change'
+import { onMounted, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 
+const { t } = useI18n()
 const globalConfig = useStore().globalConfig
 const prizeConfig = useStore().prizeConfig
-const system=useStore().system
+const system = useStore().system
 const { getTheme: localTheme } = storeToRefs(globalConfig)
 const { getPrizeConfig: prizeList } = storeToRefs(prizeConfig)
-// const { getIsMobile: isMobile } = storeToRefs(system)
 
-const tipDialog=ref()
+const tipDialog = ref()
 // const isMobileValue = ref(structuredClone(isMobile.value))
-const setLocalTheme = (theme: any) => {
-    themeChange(theme.name)
+function setLocalTheme(theme: any) {
+  themeChange(theme.name)
 }
 
 // 设置当前奖列表
-const setCurrentPrize = () => {
-    if (prizeList.value.length <= 0) {
-        return
-    }
-    for (let i = 0; i < prizeList.value.length; i++) {
-        if (!prizeList.value[i].isUsed) {
-            prizeConfig.setCurrentPrize(prizeList.value[i])
-
-            break
-        }
-    }
-
+function setCurrentPrize() {
+  if (prizeList.value.length <= 0) {
     return
+  }
+  for (let i = 0; i < prizeList.value.length; i++) {
+    if (!prizeList.value[i].isUsed) {
+      prizeConfig.setCurrentPrize(prizeList.value[i])
+
+      break
+    }
+  }
 }
 // 判断是否手机端访问
-const judgeMobile=()=>{
-    const ua = navigator.userAgent
-    const isAndroid = ua.indexOf('Android') > -1 || ua.indexOf('Adr') > -1
-    const isIOS =!!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
-    
-    system.setIsMobile(isAndroid||isIOS)
-    
-return isAndroid||isIOS
+function judgeMobile() {
+  const ua = navigator.userAgent
+  const isAndroid = ua.includes('Android') || ua.includes('Adr')
+  const isIOS = !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
+
+  system.setIsMobile(isAndroid || isIOS)
+
+  return isAndroid || isIOS
 }
 // 判断是否chrome或者edge访问
-const judgeChromeOrEdge=()=>{
-    const ua = navigator.userAgent
-    const isChrome = ua.indexOf('Chrome') > -1
-    const isEdge = ua.indexOf('Edg') > -1
+function judgeChromeOrEdge() {
+  const ua = navigator.userAgent
+  const isChrome = ua.includes('Chrome')
+  const isEdge = ua.includes('Edg')
 
-    system.setIsChrome(isChrome)
+  system.setIsChrome(isChrome)
 
-return isChrome||isEdge
+  return isChrome || isEdge
 }
 onMounted(() => {
-    setLocalTheme(localTheme.value)
-    setCurrentPrize()
-    if(judgeMobile()||!judgeChromeOrEdge()){
-        tipDialog.value.showModal()
-    }
+  setLocalTheme(localTheme.value)
+  setCurrentPrize()
+  if (judgeMobile() || !judgeChromeOrEdge()) {
+    tipDialog.value.showModal()
+  }
 })
 </script>
 
 <template>
-     <dialog id="my_modal_1" ref="tipDialog" class="border-none modal">
-        <div class="modal-box">
-            <h3 class="text-lg font-bold">{{ $t('dialog.titleTip') }}</h3>
-            <p class="py-4" v-if="judgeMobile()">{{ $t('dialog.dialogPCWeb') }}</p>
-            <p class="py-4" v-if=" !judgeChromeOrEdge()">{{ $t('dialog.dialogLatestBrowser') }}</p>
-            <div class="modal-action">
-                <form method="dialog" class="flex justify-start w-full gap-3">
-                    <!-- if there is a button in form, it will close the modal -->
-                    <button class="btn">{{ $t('button.confirm') }}</button>
-                </form>
-            </div>
-        </div>
-    </dialog>
-    <router-view></router-view>
-    <PlayMusic class="absolute right-0 bottom-1/2"></PlayMusic>
+  <dialog id="my_modal_1" ref="tipDialog" class="border-none modal">
+    <div class="modal-box">
+      <h3 class="text-lg font-bold">
+        {{ t('dialog.titleTip') }}
+      </h3>
+      <p v-if="judgeMobile()" class="py-4">
+        {{ t('dialog.dialogPCWeb') }}
+      </p>
+      <p v-if=" !judgeChromeOrEdge()" class="py-4">
+        {{ t('dialog.dialogLatestBrowser') }}
+      </p>
+      <div class="modal-action">
+        <form method="dialog" class="flex justify-start w-full gap-3">
+          <!-- if there is a button in form, it will close the modal -->
+          <button class="btn">
+            {{ t('button.confirm') }}
+          </button>
+        </form>
+      </div>
+    </div>
+  </dialog>
+  <router-view />
+  <PlayMusic class="absolute right-0 bottom-1/2" />
 </template>
 
 <style scoped lang="scss"></style>