updating

frontend/app.vue

@@ -21,7 +21,6 @@
 
 <script setup>
 import { doc, getFirestore, serverTimestamp, writeBatch, collection, getDoc } from "firebase/firestore";
-import { FCM } from "@capacitor-community/fcm";
 import { getAuth, onAuthStateChanged, signInWithEmailAndPassword } from "firebase/auth";
 import { getMessaging, getToken, onMessage } from "firebase/messaging";
 import { PushNotifications } from '@capacitor/push-notifications';

frontend/components/layout/Navbar.vue

@@ -1,26 +1,32 @@
 <template>
     <div v-if="route.meta.key !== 'disable'" class="w-full h-16 py-3 bg-neutral-200 dark:bg-neutral-800 flex justify-center items-center shadow">
-        <div class="flex justify-evenly items-center gap-1 w-full max-w-lg dark:text-gray-300 text-gray-900 overflow-x-hidden">
+        <div class="flex text-sm justify-evenly items-center gap-1 w-full max-w-lg dark:text-gray-300 text-gray-900 overflow-x-hidden">
             <NuxtLink to="/" class="flex flex-col items-center hover:cursor-pointer drop-shadow" :class="route.path === '/' ? 'text-primary' : ''">
-                <Icon size="1.5em" name="ion:home-outline" />
+                <Icon size="1.8em" name="ion:home-outline" />
                 <span>Home</span>
             </NuxtLink>
             <NuxtLink to="/news" class="flex flex-col items-center hover:cursor-pointer drop-shadow" :class="route.path.startsWith('/news') ? 'text-primary' : ''">
-                <Icon size="1.5em" name="ion:newspaper-outline" />
+                <Icon size="1.8em" name="ion:newspaper-outline" />
                 <span>News</span>
             </NuxtLink>
             <NuxtLink to="/calendar" class="flex flex-col items-center hover:cursor-pointer drop-shadow" :class="route.path === '/calendar' ? 'text-primary' : ''">
-                <Icon size="1.5em" name="ion:calendar-outline" />
+                <Icon size="1.8em" name="ion:calendar-outline" />
                 <span>Calendar</span>
             </NuxtLink>
             <NuxtLink to="/settings" class="flex flex-col items-center hover:cursor-pointer drop-shadow" :class="route.path.startsWith('/settings') ? 'text-primary' : ''">
-                <Icon size="1.5em" name="ion:settings-sharp" />
+                <Icon size="1.8em" name="ion:settings-sharp" />
                 <span>Settings</span>
             </NuxtLink>
+            <NuxtLink v-if="userData.wedstrijdteam" to="/wedstrijd" class="flex flex-col items-center hover:cursor-pointer drop-shadow" :class="route.path.startsWith('/wedstrijd') ? 'text-primary' : ''">
+                <Icon size="1.8em" name="ion:settings-sharp" />
+                <span>Wedstrijd</span>
+            </NuxtLink>
         </div>
     </div>
 </template>
 
 <script setup>
 const route = useRoute()
+
+const { userData } = inject('firebase')
 </script>

frontend/jsconfig.json

@@ -0,0 +1,5 @@
+{
+  // https://v3.nuxtjs.org/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json",
+  "allowJs": true
+}

frontend/nuxt.config.ts

@@ -10,7 +10,8 @@ export default defineNuxtConfig({
     build: {
         transpile: ['vue-toastification'],
     },
-    meta: {
+    app: {
+      head: {
         title: 'WRB App',
         charset: 'utf-8',
         meta: [
@@ -22,4 +23,5 @@ export default defineNuxtConfig({
           { rel: 'icon', href: '/favicon.ico', type: 'image/x-icon' }
         ]
       }
+  }
 })

frontend/package.json

@@ -9,24 +9,23 @@
   },
   "devDependencies": {
     "@capacitor/cli": "^4.3.0",
-    "@nuxtjs/tailwindcss": "^5.3.3",
+    "@nuxtjs/tailwindcss": "^6.1.3",
     "@tailwindcss/forms": "^0.5.3",
-    "@vueuse/core": "^9.2.0",
-    "@vueuse/nuxt": "^9.2.0",
-    "nuxt": "3.0.0-rc.11",
-    "nuxt-icon": "^0.1.5"
+    "@vueuse/core": "^9.6.0",
+    "@vueuse/nuxt": "^9.6.0",
+    "nuxt": "^3.0.0-rc.14",
+    "nuxt-icon": "^0.1.7"
   },
   "dependencies": {
-    "@capacitor-community/fcm": "^3.0.0",
     "@capacitor/core": "^4.3.0",
     "@capacitor/device": "^4.0.1",
     "@capacitor/ios": "^4.3.0",
     "@capacitor/push-notifications": "^4.1.0",
     "@formkit/nuxt": "^1.0.0-beta.11-c95e605",
-    "@nuxtjs/robots": "^2.5.0",
+    "@nuxtjs/robots": "^3.0.0",
     "@vueuse/firebase": "^9.2.0",
     "@vueuse/shared": "^9.4.0",
-    "firebase": "^9.10.0",
+    "firebase": "^9.14.0",
     "vue-toastification": "^2.0.0-rc.5"
   }
 }

frontend/pages/wedstrijd/index.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    Westrijd
+  </div>
+</template>

frontend/tsconfig.json

@@ -1,4 +0,0 @@
-{
-  // https://v3.nuxtjs.org/concepts/typescript
-  "extends": "./.nuxt/tsconfig.json"
-}