changes

app/error.vue

@@ -3,10 +3,10 @@ const props = defineProps({
   error: Object,
 });
 console.error(props.error);
-const router = useRouter();
 const { $createMeta } = useNuxtApp();
 const description =
   "Rất tiếc! Có vẻ như đã xảy ra sự cố. Vui lòng thử lại hoặc liên hệ quản trị viên nếu lỗi tiếp tục.";
+
 useHead(
   $createMeta({
     title: props.error.message,
@@ -15,10 +15,6 @@ useHead(
     type: "website",
   }),
 );
-
-function reload() {
-  window.location.reload();
-}
 </script>
 
 <template>
@@ -35,8 +31,8 @@ function reload() {
       {{ description }}
     </p>
     <div class="buttons">
-      <button
-        @click="reload"
+      <a
+        href=""
         class="button"
       >
         <span class="icon">
@@ -46,9 +42,9 @@ function reload() {
           />
         </span>
         <span>Thử lại</span>
-      </button>
-      <button
-        @click="router.push('/')"
+      </a>
+      <a
+        href="/"
         class="button"
       >
         <span class="icon">
@@ -58,7 +54,7 @@ function reload() {
           />
         </span>
         <span>Trang chủ</span>
-      </button>
+      </a>
     </div>
   </div>
 </template>