Fix useAsync

src/layouts/default.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="relative">
     <SideMenu />
-    <div class="relative w-full overflow-hidden">
+    <div class="relative w-full overflow-hidden xl:overflow-visible">
       <div
         id="slider"
-        class="relative xl:static shadow-2xl overflow-hidden transform transition-all duration-500"
+        class="relative xl:static shadow-2xl transform transition-all duration-500 overflow-hidden xl:overflow-visible"
         :class="{'rounded-lg xl:rounded-none scale-90 md:scale-70 lg:scale-60 xl:scale-100 translate-x-9/12 sm:translate-x-4/12 lg:translate-x-3/12 xl:translate-x-0': opened}"
         :style="opened ? `max-height: ${height}px` : 'max-height: none'"
         :tabindex="opened ? -1 : 0"

src/layouts/error.vue

@@ -26,7 +26,7 @@
           </div>
         </div>
         <div class="mt-12 mb-4 w-full text-center">
-          <div class="home-btn" @click="next">
+          <div class="home-btn" @click="back">
             <div class="cursor-pointer w-full py-4 px-4 md:py-4 md:px-4 font-bold hover:(bg-indigo-600 text-white) duration-500 rounded">
               <BackSpaceIcon class="arrow-img text-xl"/>
               {{ $t('error.back') }}
@@ -48,10 +48,10 @@ export default defineComponent({
     title: 'Error - Arthur Danjou'
   },
   setup() {
-    const router = useRouter()
-    const next = () => router.back()
-
-    return {next}
+    const back = () => useRouter().back()
+    return {
+      back
+    }
   }
 })
 </script>