fix: use custom naiveui theme on error page

becem-gharbi · Feb 28, 2024 · e6dbabb · e6dbabb
1 parent 7a8fefe
commit e6dbabb
Showing 1 changed file with 16 additions and 14 deletions.
diff --git a/error.vue b/error.vue
@@ -1,18 +1,20 @@
 <template>
-  <div class="page justify-center items-center">
-    <n-result
-      :status="error.statusCode?.toString()"
-      :builtin-theme-overrides="{ titleFontSizeMedium: '24px' }"
-      :title="error.statusMessage || 'Oops, something went wrong'"
-      :description="error.message"
-    >
-      <template #footer>
-        <n-button @click="handleError">
-          Back home
-        </n-button>
-      </template>
-    </n-result>
-  </div>
+  <naive-config>
+    <div class="page justify-center items-center">
+      <n-result
+        :status="error.statusCode?.toString()"
+        :builtin-theme-overrides="{ titleFontSizeMedium: '24px' }"
+        :title="error.statusMessage || 'Oops, something went wrong'"
+        :description="error.message"
+      >
+        <template #footer>
+          <n-button type="primary" @click="handleError">
+            Back home
+          </n-button>
+        </template>
+      </n-result>
+    </div>
+  </naive-config>
 </template>
 
 <script setup lang="ts">