diff --git a/src/components/Header.vue b/src/components/Header.vue index f1353b8..13d5946 100644 --- a/src/components/Header.vue +++ b/src/components/Header.vue @@ -54,6 +54,7 @@ :key="item.title" :title="item.title" :to="item.to" + :prepend-icon="item.icon" link /> @@ -65,6 +66,7 @@ :key="item.title" :title="item.title" :to="item.to" + :prepend-icon="item.icon" link /> @@ -76,6 +78,7 @@ :key="item.title" :title="item.title" :to="item.to" + :prepend-icon="item.icon" link /> @@ -87,6 +90,7 @@ :key="item.title" :title="item.title" :to="item.to" + :prepend-icon="item.icon" link /> @@ -119,23 +123,23 @@ ] const schedulingItems = [ - { title: 'Calendar', to: '/calendar' }, - { title: 'Scheduler', to: '/scheduler' } + { title: 'Calendar', to: '/calendar', icon: 'mdi-folder-outline' }, + { title: 'Scheduler', to: '/scheduler', icon: 'mdi-folder-outline' } ] const trainingItems = [ - { title: 'Courses', to: '/courses' }, - { title: 'Certifications', to: '/certs' } + { title: 'Courses', to: '/courses', icon: 'mdi-folder-outline' }, + { title: 'Certifications', to: '/certs', icon: 'mdi-folder-outline' } ] const stanEvalItems = [ - { title: 'FCIF Admin', to: '/fcif-admin' }, - { title: 'Management', to: '/management' }, + { title: 'FCIF Admin', to: '/fcif-admin', icon: 'mdi-folder-outline' }, + { title: 'Management', to: '/management', icon: 'mdi-folder-outline' }, ] const adminItems = [ - { title: 'Users', to: '/users' }, - { title: 'Settings', to: '/settings'} + { title: 'Users', to: '/users', icon: 'mdi-folder-outline' }, + { title: 'Settings', to: '/settings', icon: 'mdi-folder-outline' } ] const theme = useTheme()