feat：更改script setup

Author: ZYCHOOO

src/views/home/Home.vue

@@ -15,18 +15,12 @@
   </div>
 </template>
 
-<script>
+<script setup>
 import { ref } from 'vue'
 import { TABBAR_LIST } from '@/utils/enums'
 
-export default {
-  name: 'Home',
-  setup () {
-    const activeName = ref('home')
-    const tabbarList = TABBAR_LIST
-    return { activeName, tabbarList }
-  }
-}
+const activeName = ref('home')
+const tabbarList = TABBAR_LIST
 </script>
 
 <style lang="scss" scoped>

src/views/home/Mine.vue

@@ -16,7 +16,7 @@
   </div>
 </template>
 
-<script>
+<script setup>
 import { useStore } from 'vuex'
 import { useRouter } from 'vue-router'
 
@@ -33,13 +33,7 @@ const mineEffect = () => {
   return { handleLogout, handleUserInfo }
 }
 
-export default {
-  name: 'Mine',
-  setup () {
-    const { handleLogout, handleUserInfo } = mineEffect()
-    return { handleLogout, handleUserInfo }
-  }
-}
+const { handleLogout, handleUserInfo } = mineEffect()
 </script>
 
 <style lang="scss" scoped>

src/views/login/Login.vue

@@ -30,7 +30,7 @@
   </div>
 </template>
 
-<script>
+<script setup>
 import { Toast } from 'vant'
 import { useStore } from 'vuex'
 import { useRouter } from 'vue-router'
@@ -65,19 +65,9 @@ const forgetEffect = () => {
   }
   return { handleForget }
 }
-export default {
-  name: 'Login',
-  setup () {
-    const { username, password, handleLogin } = loginEffect()
-    const { handleForget } = forgetEffect()
-    return {
-      username,
-      password,
-      handleLogin,
-      handleForget
-    }
-  }
-}
+
+const { username, password, handleLogin } = loginEffect()
+const { handleForget } = forgetEffect()
 </script>
 
 <style lang="scss" scoped>

src/views/template.vue

@@ -2,18 +2,13 @@
   <div class="wrapper"></div>
 </template>
 
-<script>
+<script setup>
 // eslint-disable-next-line no-unused-vars
 import { useStore } from 'vuex'
 // eslint-disable-next-line no-unused-vars
 import { ref, reactive, toRefs, computed, watch } from 'vue'
 // eslint-disable-next-line no-unused-vars
 import { useRoute, useRouter } from 'vue-router'
-export default {
-  name: '',
-  components: {},
-  setup () {}
-}
 </script>
 
 <style lang="scss">