Issue report view

src/router.ts

@@ -104,6 +104,12 @@ const router = createRouter({
           name: 'DesktopStartView',
           component: () => import('@/views/DesktopStartView.vue'),
           beforeEnter: guardElectronAccess
+        },
+        {
+          path: 'issue-report',
+          name: 'IssueReportView',
+          component: () => import('@/views/IssueReportView.vue'),
+          beforeEnter: guardElectronAccess
         }
       ]
     }

src/views/IssueReportView.vue

@@ -0,0 +1,40 @@
+<template>
+  <BaseViewTemplate dark> </BaseViewTemplate>
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref } from 'vue'
+import { useRouter } from 'vue-router'
+
+import ReportIssuePanel from '@/components/dialog/content/error/ReportIssuePanel.vue'
+import { useDialogStore } from '@/stores/dialogStore'
+import BaseViewTemplate from '@/views/templates/BaseViewTemplate.vue'
+
+const router = useRouter()
+const dialog = ref(null)
+const dialogStore = useDialogStore()
+
+onMounted(() => {
+  dialogStore.showDialog({
+    key: 'issue-report',
+    component: ReportIssuePanel,
+    title: 'Report an issue',
+    dialogComponentProps: {
+      onClose: () => {
+        router.push('/')
+      }
+    },
+    props: {
+      errorType: 'desktop',
+      extraFields: [
+        {
+          label: 'Desktop Version',
+          value: 'desktopVersion',
+          data: { desktopVersion: '1.4.2' } // electronAPI().getVersion()
+        }
+      ]
+    }
+  })
+  dialog.value = useDialogStore().dialogStack[0]
+})
+</script>