Improved team system

web/pages/login.vue

@@ -10,11 +10,15 @@
     </Button>
 
     <div class="absolute left-0 top-0 -z-10 h-screen w-full overflow-hidden">
-      <img src="../assets/pictures/diamond_wall.png" class="h-full w-full scale-105 object-cover blur-[1px] brightness-75">
+      <nuxt-img src="/pictures/diamond_wall.webp" class="h-full w-full scale-105 object-cover blur-[1px] brightness-75" />
     </div>
   </div>
 </template>
 
 <script setup>
+definePageMeta({
+  layout: 'blank'
+})
+
 const config = useRuntimeConfig()
 </script>

web/pages/map.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="-mx-10 h-full">
+    <iframe src="https://squaremap-demo.jpenilla.xyz/" class="h-full w-full" />
+  </div>
+</template>
+
+<script setup>
+definePageMeta({
+  middleware: ["auth"]
+})
+</script>

web/pages/player-store.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="mt-5 text-primary">
+    Player Store
+  </div>
+</template>
+
+<script setup>
+definePageMeta({
+  middleware: ["auth"]
+})
+</script>

web/pages/team.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="mt-5">
     <h1 class="text-2xl font-bold text-primary">
       Team
     </h1>