Renamed page components (multi word)

src/pages/EventManagement.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <q-page padding class="fit row justify-center content-start items-start q-gutter-sm">
     <q-tabs v-if="$q.screen.gt.sm" v-model="tab">
       <q-tab
         v-for="(tabindex, index) in tabs"
@@ -24,25 +24,23 @@
         </q-item>
       </q-list>
     </q-drawer>
-    <q-page padding class="fit row justify-center content-start items-start q-gutter-sm">
-      <q-tab-panels
-        v-model="tab"
-        style="background-color: transparent"
-        class="q-ma-none q-pa-none fit row justify-center content-start items-start"
-        animated
-      >
-        <q-tab-panel name="create">
-          <EditEvent :date="date" />
-        </q-tab-panel>
-        <q-tab-panel name="eventtypes">
-          <ManageTypes title="Veranstaltungstyp" type="EventType" />
-        </q-tab-panel>
-        <q-tab-panel name="jobtypes">
-          <ManageTypes title="Dienstart" type="JobType" />
-        </q-tab-panel>
-      </q-tab-panels>
-    </q-page>
-  </div>
+    <q-tab-panels
+      v-model="tab"
+      style="background-color: transparent"
+      class="q-ma-none q-pa-none fit row justify-center content-start items-start"
+      animated
+    >
+      <q-tab-panel name="create">
+        <EditEvent :date="date" />
+      </q-tab-panel>
+      <q-tab-panel name="eventtypes">
+        <ManageTypes title="Veranstaltungstyp" type="EventType" />
+      </q-tab-panel>
+      <q-tab-panel name="jobtypes">
+        <ManageTypes title="Dienstart" type="JobType" />
+      </q-tab-panel>
+    </q-tab-panels>
+  </q-page>
 </template>
 
 <script lang="ts">
@@ -60,14 +58,16 @@ export default defineComponent({
     date: {
       type: String,
       required: false,
-      default: undefined
-    }
+      default: undefined,
+    },
   },
   setup() {
     const tabs = computed(() => [
       { name: 'create', label: 'Veranstaltungen' },
       ...(hasPermission(PERMISSIONS.JOB_TYPE) ? [{ name: 'jobtypes', label: 'Dienstarten' }] : []),
-      ...(hasPermission(PERMISSIONS.EVENT_TYPE) ? [{ name: 'eventtypes', label: 'Veranstaltungsarten' }] : [])
+      ...(hasPermission(PERMISSIONS.EVENT_TYPE)
+        ? [{ name: 'eventtypes', label: 'Veranstaltungsarten' }]
+        : []),
     ]);
 
     const drawer = ref<boolean>(false);
@@ -82,7 +82,6 @@ export default defineComponent({
       },
     });
 
-
     return {
       showDrawer,
       tab,

src/routes/index.ts

@@ -19,7 +19,7 @@ export const innerRoutes: FG_Plugin.MenuRoute[] = [
         route: {
           path: 'schedule-overview',
           name: 'schedule-overview',
-          component: () => import('../pages/Overview.vue'),
+          component: () => import('../pages/EventOverview.vue'),
         },
       },
       {
@@ -30,7 +30,7 @@ export const innerRoutes: FG_Plugin.MenuRoute[] = [
         route: {
           path: 'schedule-management',
           name: 'schedule-management',
-          component: () => import('../pages/Management.vue'),
+          component: () => import('../pages/EventManagement.vue'),
           props: (route) => ({date: route.query.date}),
         },
       },
@@ -41,7 +41,7 @@ export const innerRoutes: FG_Plugin.MenuRoute[] = [
         route: {
           path: 'schedule-requests',
           name: 'schedule-requests',
-          component: () => import('../pages/Requests.vue'),
+          component: () => import('../pages/EventRequests.vue'),
         },
       },
     ],
@@ -57,6 +57,6 @@ export const privateRoutes: FG_Plugin.NamedRouteRecordRaw[] = [
   {
     name: 'events-edit',
     path: 'schedule/:id/edit',
-    component: () => import('../pages/Event.vue'),
+    component: () => import('../pages/EventPage.vue'),
   },
 ];