refactor(Logo.vue): script调整TypeScript和Setup

src/layout/components/Sidebar/Logo.vue

@@ -13,34 +13,29 @@
   </div>
 </template>
 
-<script>
+<script setup lang="ts">
-export default {
+import { ref } from 'vue';
-  name: 'SidebarLogo',
+
-  props: {
+const props = defineProps({
-    collapse: {
+  collapse: {
       type: Boolean,
       required: true
     }
-  },
+})
-  data() {
+
-    return {
+const title=ref("youlai-mall")
-      title: 'youlai-mall',
+const logo=ref("http://cdn.youlai.tech/logo.png")
-      logo: 'https://gitee.com/haoxr/image/raw/master/default/logo.png'
+
-    }
-  }
-}
 </script>
 
 <style lang="scss" scoped>
 .sidebarLogoFade-enter-active {
   transition: opacity 1.5s;
 }
-
 .sidebarLogoFade-enter,
 .sidebarLogoFade-leave-to {
   opacity: 0;
 }
-
 .sidebar-logo-container {
   position: relative;
   width: 100%;