refactor(back-to-top): use chevron up icon

discue · Sep 1, 2023 · 87a315b · 87a315b
1 parent e506034
commit 87a315b
Showing 1 changed file with 2 additions and 6 deletions.
diff --git a/src/components/back-to-top.vue b/src/components/back-to-top.vue
@@ -1,17 +1,13 @@
 <template>
     <Transition name="back-to-top">
         <button v-if="show" @click="scrollToTop" class="dsq-back-to-top back-to-top">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49.484 28.284">
-                <g transform="translate(-229 -126.358)" fill="currentColor">
-                    <rect width="35" height="5" rx="2" transform="rotate(-45 296.902 -200.874)" />
-                    <rect width="35" height="5" rx="2" transform="rotate(-135 169.502 20.377)" />
-                </g>
-            </svg>
+            <ChevronUpIcon/>
         </button>
     </Transition>
 </template>
 
 <script setup>
+import { ChevronUpIcon } from "@heroicons/vue/24/outline";
 import { debounce } from "ts-debounce";
 import { computed, onMounted, ref } from "vue";