feat: add back top btn

components/Post/PostBackTop.client.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import { useWindowScroll } from '@vueuse/core'
+
+const show = computed(() => {
+  const { y } = useWindowScroll()
+  return y.value >= 300
+})
+
+function goTop() {
+  window.scrollTo({
+    top: 0,
+    behavior: 'smooth',
+  })
+}
+</script>
+
+<template>
+  <div :class="show ? 'opacity-90' : 'opacity-0'" class="fixed right-6 bottom-4 transition-all duration-400 ease-in-out" @click.top="goTop()">
+    <UButton icon="i-heroicons-arrow-up-circle" variant="ghost" />
+  </div>
+</template>

layouts/content.vue

@@ -12,6 +12,7 @@
         </UButton>
       </main>
       <Footer />
+      <PostBackTop />
     </main>
   </AppLayout>
 </template>