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

@@ -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
   }
 }

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>