feat: Add Error component

src/views/Error/403.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { Error } from '@/components/Error'
+import { usePermissionStore } from '@/store/modules/permission'
+import { useRouter } from 'vue-router'
+
+const { push } = useRouter()
+
+const permissionStore = usePermissionStore()
+
+const errorClick = () => {
+  push(permissionStore.addRouters[0]?.path as string)
+}
+</script>
+
+<template>
+  <Error type="403" @errorClick="errorClick" />
+</template>

src/views/Error/404.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { Error } from '@/components/Error'
+import { usePermissionStore } from '@/store/modules/permission'
+import { useRouter } from 'vue-router'
+
+const { push } = useRouter()
+
+const permissionStore = usePermissionStore()
+
+const errorClick = () => {
+  push(permissionStore.addRouters[0]?.path as string)
+}
+</script>
+
+<template>
+  <Error @errorClick="errorClick" />
+</template>

src/views/Error/500.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { Error } from '@/components/Error'
+import { usePermissionStore } from '@/store/modules/permission'
+import { useRouter } from 'vue-router'
+
+const { push } = useRouter()
+
+const permissionStore = usePermissionStore()
+
+const errorClick = () => {
+  push(permissionStore.addRouters[0]?.path as string)
+}
+</script>
+
+<template>
+  <Error type="500" @errorClick="errorClick" />
+</template>