Added About page

web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web",
-  "version": "0.0.0",
+  "version": "1.0.0",
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc --noEmit && vite build",

web/src/layouts/default/View.vue

@@ -48,6 +48,22 @@
       <v-btn class="mx-2" @click="logout" icon size="small">
         <v-icon icon="mdi-logout"></v-icon>
       </v-btn>
+
+      <v-menu>
+        <template v-slot:activator="{ props }">
+          <v-btn icon="mdi-dots-vertical" v-bind="props"></v-btn>
+        </template>
+
+        <v-list>
+          <v-list-item
+            v-for="(item, i) in menuItems"
+            :key="i"
+            @click="item.action"
+          >
+            <v-list-item-title>{{ item.title }}</v-list-item-title>
+          </v-list-item>
+        </v-list>
+      </v-menu>
     </v-app-bar>
 
     <v-main>
@@ -71,6 +87,17 @@ const router = useRouter()
 
 const { smAndUp } = useDisplay()
 
+const menuItems = [
+  {
+    title: 'Procurar impressoras...',
+    action: () => router.push({ name: 'Discovery' })
+  },
+  {
+    title: 'Sobre',
+    action: () => router.push({ name: 'About' })
+  }
+]
+
 const campiSelectItems = [
   {
     title: 'Todos',

web/src/router/index.ts

@@ -11,13 +11,6 @@ const routes = [
         name: 'Login',
         component: () =>
           import(/* webpackChunkName: "login" */ '@/views/Login.vue')
-      },
-
-      {
-        path: '/:pathMatch(.*)*',
-        name: 'NotFound',
-        component: () =>
-          import(/* webpackChunkName: "notfound" */ '@/views/404.vue')
       }
     ]
   },
@@ -50,6 +43,33 @@ const routes = [
           import(/* webpackChunkName: "home" */ '@/views/Printer.vue')
       }
     ]
+  },
+
+  {
+    path: '/about',
+    component: () => import('@/layouts/simple/Default.vue'),
+    children: [
+      {
+        path: '',
+        name: 'About',
+        component: () =>
+          import(/* webpackChunkName: "about" */ '@/views/About.vue')
+      }
+    ]
+  },
+
+  {
+    path: '/:pathMatch(.*)*',
+    component: () => import('@/layouts/simple/Default.vue'),
+
+    children: [
+      {
+        path: '',
+        name: 'NotFound',
+        component: () =>
+          import(/* webpackChunkName: "notfound" */ '@/views/404.vue')
+      }
+    ]
   }
 ]
 

web/src/views/About.vue

@@ -0,0 +1,18 @@
+<template>
+  <v-container fluid class="fill-height">
+    <div style="width: 100%" class="text-center">
+      <h1 class="text-h1 mb-16">Sobre</h1>
+      <p class="mb-16">Versão {{ version }}</p>
+      <p>Desenvolvido pelo SERTI Ponta Porã</p>
+      <p><a href="mailto:serti.pp@ifms.edu.br">serti.pp@ifms.edu.br</a></p>
+      <v-btn class="mt-16" :to="{ name: 'Home' }" color="primary">
+        <v-icon start>mdi-home</v-icon>
+        Início
+      </v-btn>
+    </div>
+  </v-container>
+</template>
+
+<script lang="ts" setup>
+import { version } from '../../package.json'
+</script>