feat: create settings pages

src/router/index.js

@@ -400,36 +400,36 @@ export const routes = [
           {
             name: 'settings.document-processing',
             path: 'general',
-            component: () => import('@/views/Settings/SettingsViewGeneral'),
+            component: () => import('@/views/Settings/SettingsViewDocumentProcessing'),
             meta: {
-              title: 'General',
+              title: 'Document Processing',
               breadcrumb: false
             }
           },
           {
             name: 'settings.batch-tasks',
             path: 'general',
-            component: () => import('@/views/Settings/SettingsViewGeneral'),
+            component: () => import('@/views/Settings/SettingsViewBatchTasks'),
             meta: {
-              title: 'General',
+              title: 'Batch Tasks',
               breadcrumb: false
             }
           },
           {
             name: 'settings.plugins',
-            path: 'general',
-            component: () => import('@/views/Settings/SettingsViewGeneral'),
+            path: 'plugins',
+            component: () => import('@/views/Settings/SettingsViewPlugins'),
             meta: {
-              title: 'General',
+              title: 'Plugins',
               breadcrumb: false
             }
           },
           {
             name: 'settings.extensions',
-            path: 'general',
-            component: () => import('@/views/Settings/SettingsViewGeneral'),
+            path: 'extensions',
+            component: () => import('@/views/Settings/SettingsViewExtensions'),
             meta: {
-              title: 'General',
+              title: 'Extensions',
               breadcrumb: false
             }
           }

src/views/Settings/SettingsViewBatchTasks.vue

@@ -0,0 +1,12 @@
+<script setup>
+/**
+ * A list of settings for the Batch tasks.
+ */
+
+defineOptions({ name: 'SettingsViewBatchTasks' })
+</script>
+<template>
+  <div class="settings-view-batch-tasks my-4">settings-view-batch-tasks</div>
+</template>
+
+<style scoped lang="scss"></style>

src/views/Settings/SettingsViewDocumentProcessing.vue

@@ -0,0 +1,12 @@
+<script setup>
+/**
+ * A list of settings for the document processing.
+ */
+
+defineOptions({ name: 'SettingsViewDocumentProcessing' })
+</script>
+<template>
+  <div class="settings-view-document-processing my-4">settings-view-document-processing</div>
+</template>
+
+<style scoped lang="scss"></style>

src/views/Settings/SettingsViewExtensions.vue

@@ -0,0 +1,12 @@
+<script setup>
+/**
+ * A list of extensions for the frontend.
+ */
+
+defineOptions({ name: 'SettingsViewExtensions' })
+</script>
+<template>
+  <div class="settings-view-extensions my-4">settings-view-extensions</div>
+</template>
+
+<style scoped lang="scss"></style>

src/views/Settings/SettingsViewPlugins.vue

@@ -0,0 +1,12 @@
+<script setup>
+/**
+ * A list of plugins for the backend.
+ */
+
+defineOptions({ name: 'SettingsViewPlugins' })
+</script>
+<template>
+  <div class="settings-view-plugins my-4">settings-view-plugins</div>
+</template>
+
+<style scoped lang="scss"></style>