fix(fullscreen videos): scroll to element after exiting fullscreen

layouts/default.vue

@@ -1,4 +1,5 @@
 <script setup>
+  import { useEventListener } from '@vueuse/core'
   import { toast, Toaster } from 'vue-sonner'
 
   useAppStatistics()
@@ -20,6 +21,30 @@
     toast.error(error.message)
   })
 
+
+  // Restore scroll position after fullscreen
+  useEventListener('fullscreenchange', async (event) => {
+    const isInFullscreen = document.fullscreenElement !== null
+
+    if (isInFullscreen) {
+      return
+    }
+
+    await nextTick()
+
+    await new Promise((resolve) => setTimeout(resolve, 50))
+
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+
+        event.target.scrollIntoView({
+          block: 'center',
+          inline: 'center',
+        })
+      })
+    })
+  })
+
   console.info(
     '%cWe ❤︎ open source!',
     'font-size:32px;font-weight:bold;letter-spacing:0.02em;color:hsl(205, 78%, 62%);background-color:white;padding:8px 16px;'