style: 统一代码格式和类型定义，测试eslint --fix, 还是有报错

src/layouts/default.vue

@@ -1,11 +1,3 @@
-<template>
-  <wd-config-provider :themeVars="themeVars">
-    <slot />
-    <wd-toast />
-    <wd-message-box />
-  </wd-config-provider>
-</template>
-
 <script lang="ts" setup>
 import type { ConfigProviderThemeVars } from 'wot-design-uni'
 
@@ -15,3 +7,11 @@ const themeVars: ConfigProviderThemeVars = {
   // buttonPrimaryColor: '#07c160',
 }
 </script>
+
+<template>
+  <wd-config-provider :theme-vars="themeVars">
+    <slot />
+    <wd-toast />
+    <wd-message-box />
+  </wd-config-provider>
+</template>

src/layouts/demo.vue

@@ -1,11 +1,3 @@
-<template>
-  <wd-config-provider :themeVars="themeVars">
-    <slot />
-    <wd-toast />
-    <wd-message-box />
-  </wd-config-provider>
-</template>
-
 <script lang="ts" setup>
 import type { ConfigProviderThemeVars } from 'wot-design-uni'
 
@@ -15,3 +7,11 @@ const themeVars: ConfigProviderThemeVars = {
   // buttonPrimaryColor: '#07c160',
 }
 </script>
+
+<template>
+  <wd-config-provider :theme-vars="themeVars">
+    <slot />
+    <wd-toast />
+    <wd-message-box />
+  </wd-config-provider>
+</template>

src/layouts/fg-tabbar/fg-tabbar.vue

@@ -1,11 +1,43 @@
+<script setup lang="ts">
+import { tabbarStore } from './tabbar'
+// 'i-carbon-code',
+import { tabbarList as _tabBarList, cacheTabbarEnable, selectedTabbarStrategy } from './tabbarList'
+
+const customTabbarEnable = selectedTabbarStrategy === 1 || selectedTabbarStrategy === 2
+/** tabbarList 里面的 path 从 pages.config.ts 得到 */
+const tabbarList = _tabBarList.map(item => ({ ...item, path: `/${item.pagePath}` }))
+function selectTabBar({ value: index }: { value: number }) {
+  const url = tabbarList[index].path
+  tabbarStore.setCurIdx(index)
+  if (cacheTabbarEnable) {
+    uni.switchTab({ url })
+  }
+  else {
+    uni.navigateTo({ url })
+  }
+}
+onLoad(() => {
+  // 解决原生 tabBar 未隐藏导致有2个 tabBar 的问题
+  const hideRedundantTabbarEnable = selectedTabbarStrategy === 1
+  hideRedundantTabbarEnable
+  && uni.hideTabBar({
+    fail(err) {
+      console.log('hideTabBar fail: ', err)
+    },
+    success(res) {
+      console.log('hideTabBar success: ', res)
+    },
+  })
+})
+</script>
+
 <template>
   <wd-tabbar
     v-if="customTabbarEnable"
-    fixed
+
     v-model="tabbarStore.curIdx"
-    bordered
-    safeAreaInsetBottom
-    placeholder
+
+    bordered safeareainsetbottom placeholder fixed
     @change="selectTabBar"
   >
     <block v-for="(item, idx) in tabbarList" :key="item.path">
@@ -13,7 +45,7 @@
         v-if="item.iconType === 'wot'"
         :title="item.text"
         :icon="item.icon"
-      ></wd-tabbar-item>
+      />
       <wd-tabbar-item
         v-else-if="item.iconType === 'unocss' || item.iconType === 'iconfont'"
         :title="item.text"
@@ -23,7 +55,7 @@
             h-40rpx
             w-40rpx
             :class="[item.icon, idx === tabbarStore.curIdx ? 'is-active' : 'is-inactive']"
-          ></view>
+          />
         </template>
       </wd-tabbar-item>
       <wd-tabbar-item v-else-if="item.iconType === 'local'" :title="item.text">
@@ -34,35 +66,3 @@
     </block>
   </wd-tabbar>
 </template>
-
-<script setup lang="ts">
-// 'i-carbon-code',
-import { tabbarList as _tabBarList, cacheTabbarEnable, selectedTabbarStrategy } from './tabbarList'
-import { tabbarStore } from './tabbar'
-
-const customTabbarEnable = selectedTabbarStrategy === 1 || selectedTabbarStrategy === 2
-/** tabbarList 里面的 path 从 pages.config.ts 得到 */
-const tabbarList = _tabBarList.map((item) => ({ ...item, path: `/${item.pagePath}` }))
-function selectTabBar({ value: index }: { value: number }) {
-  const url = tabbarList[index].path
-  tabbarStore.setCurIdx(index)
-  if (cacheTabbarEnable) {
-    uni.switchTab({ url })
-  } else {
-    uni.navigateTo({ url })
-  }
-}
-onLoad(() => {
-  // 解决原生 tabBar 未隐藏导致有2个 tabBar 的问题
-  const hideRedundantTabbarEnable = selectedTabbarStrategy === 1
-  hideRedundantTabbarEnable &&
-    uni.hideTabBar({
-      fail(err) {
-        console.log('hideTabBar fail: ', err)
-      },
-      success(res) {
-        console.log('hideTabBar success: ', res)
-      },
-    })
-})
-</script>

src/layouts/tabbar.vue

@@ -1,15 +1,6 @@
-<template>
-  <wd-config-provider :themeVars="themeVars">
-    <slot />
-    <fg-tabbar />
-    <wd-toast />
-    <wd-message-box />
-  </wd-config-provider>
-</template>
-
 <script lang="ts" setup>
-import FgTabbar from './fg-tabbar/fg-tabbar.vue'
 import type { ConfigProviderThemeVars } from 'wot-design-uni'
+import FgTabbar from './fg-tabbar/fg-tabbar.vue'
 
 const themeVars: ConfigProviderThemeVars = {
   // colorTheme: 'red',
@@ -17,3 +8,12 @@ const themeVars: ConfigProviderThemeVars = {
   // buttonPrimaryColor: '#07c160',
 }
 </script>
+
+<template>
+  <wd-config-provider :theme-vars="themeVars">
+    <slot />
+    <FgTabbar />
+    <wd-toast />
+    <wd-message-box />
+  </wd-config-provider>
+</template>