list view options

src/components/IssuesListElement.vue

@@ -83,7 +83,7 @@ const onAssigneeChanged = async (assignee: string) => {
           :model-value="selected"
           @update:model-value="emit('toggleSelect', issue.id)"
         />
-        <issue-type :value="issue.type" @changed="onTypeChanged" />
+        <issue-type v-if="visible.type" :value="issue.type" @changed="onTypeChanged" />
       </div>
     </template>
 

src/components/NavigationMenu.vue

@@ -23,11 +23,11 @@ const menu = ref([
     value: 3,
     props: { prependIcon: 'mdi-calendar', to: '/calendar', requiresAuth: true },
   },
-  {
-    title: 'Games',
-    value: 4,
-    props: { prependIcon: 'mdi-view-dashboard', to: '/games', requiresAuth: false },
-  },
+  // {
+  //   title: 'Games',
+  //   value: 4,
+  //   props: { prependIcon: 'mdi-view-dashboard', to: '/games', requiresAuth: false },
+  // },
 ])
 </script>
 

src/composables/useIssueListOptions.ts

@@ -1,6 +1,7 @@
 import { createGlobalState, useLocalStorage } from '@vueuse/core'
 
 export const ISSUE_LIST_FIELDS = [
+  { title: 'Type', alias: 'type' },
   { title: 'Title', alias: 'title' },
   { title: 'Content', alias: 'content' },
   { title: 'Status', alias: 'status' },
@@ -14,7 +15,7 @@ export type IssueListField = (typeof ISSUE_LIST_FIELDS)[number]['alias']
 export const useIssueListOptions = createGlobalState(() =>
   useLocalStorage<Record<IssueListField, boolean>>(
     'issue-list:visible-fields',
-    { title: true, content: true, status: true, priority: true, assignee: true },
+    { title: true, content: true, status: true, priority: true, assignee: true, type: true },
     // Fields added later stay visible for users who already have saved options
     { mergeDefaults: true },
   ),