From dbca32f0fc6904e0b30c8ba93e166fbd49f59d57 Mon Sep 17 00:00:00 2001
From: Lucas Steer <lucassteer@gmail.com>
Date: Mon, 22 May 2023 20:57:54 -0400
Subject: [PATCH] Fixed unique page title for error page - error page shouldn't
 be crawled so description is not necessary - updated eslint for nuxt/vue3
 non-issues

---
 .eslintrc.json |  5 +++--
 error.vue      | 22 +++++++++++++---------
 2 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/.eslintrc.json b/.eslintrc.json
index 2f9810d..dbbbf33 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -19,11 +19,12 @@
   },
   "overrides": [
     {
-      "files": ["**/pages/**/*.{js,ts,jsx,tsx,vue}"],
+      "files": ["**/pages/**/*.{js,ts,jsx,tsx,vue}", "error.vue"],
       "rules": { "vue/multi-word-component-names": "off" }
     }
   ],
   "globals": {
-    "useHead": false
+    "useHead": false,
+    "definePageMeta": false
   }
 }
diff --git a/error.vue b/error.vue
index eaa26e7..50f00c9 100644
--- a/error.vue
+++ b/error.vue
@@ -16,16 +16,20 @@
   </NuxtLayout>
 </template>
 
-<script>
+<script setup>
 import { useThemeStore } from '@/stores/theme';
-import { mapStores } from 'pinia';
 
-export default {
-  name: 'ErrorPage',
-  props: ['error'],
+const themeStore = useThemeStore();
+
+defineProps({
+  error: Object,
+});
+
+definePageMeta({
   layout: 'error',
-  computed: {
-    ...mapStores(useThemeStore),
-  },
-};
+});
+
+useHead({
+  title: 'Page Not Found | Lucas Steer',
+});
 </script>