From f706054975c0ff5864b8e2dba66c89aea2172f7f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=9D=E5=85=88=E7=91=9E?= <1490493387@qq.com>
Date: Sun, 27 Mar 2022 15:51:55 +0800
Subject: [PATCH] =?UTF-8?q?refactor(Logo.vue):=20script=E8=B0=83=E6=95=B4T?=
 =?UTF-8?q?ypeScript=E5=92=8CSetup?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/Sidebar/Logo.vue | 25 ++++++++++---------------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
index 3e0571b4..6b1c3383 100644
--- a/src/layout/components/Sidebar/Logo.vue
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -13,34 +13,29 @@
   </div>
 </template>
 
-<script>
-export default {
-  name: 'SidebarLogo',
-  props: {
-    collapse: {
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const props = defineProps({
+  collapse: {
       type: Boolean,
       required: true
     }
-  },
-  data() {
-    return {
-      title: 'youlai-mall',
-      logo: 'https://gitee.com/haoxr/image/raw/master/default/logo.png'
-    }
-  }
-}
+})
+
+const title=ref("youlai-mall")
+const logo=ref("http://cdn.youlai.tech/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%;