Progress on auth handling

pages/user/login.vue

@@ -1 +1,11 @@
+<script setup lang="ts">
+definePageMeta({  
+    title: 'Se connecter',
+    auth: {    
+        unauthenticatedOnly: true,
+        navigateAuthenticatedTo: '/user/profile'
+    }
+});
+</script>
+
 <template></template>

pages/user/logout.vue

@@ -1 +0,0 @@
-<template></template>

pages/user/profile.vue

@@ -1 +1,23 @@
-<template></template>
+<script setup lang="ts">
+definePageMeta({  
+    title: 'Votre profil',
+    auth: {    
+        unauthenticatedOnly: false,
+        navigateAuthenticatedTo: '/user/login'
+    }
+});
+
+const { data } = useAuth();
+
+</script>
+
+<template>
+    <div class="site-body-center-column">
+        <div class="render-container">
+            <div class="not-found-container">
+                <ThemeIcon icon="logo" :width=128 :height=128 />
+                <div class="not-found-title">Coucou {{ data?.username }} :) :) :) :)</div>
+            </div>
+        </div>
+    </div>
+</template>

pages/user/signin.vue

@@ -1 +0,0 @@
-<template></template>

pages/user/signup.vue

@@ -0,0 +1,38 @@
+<script setup lang="ts">
+definePageMeta({
+    title: 'S\'inscrire',
+    auth: {
+        unauthenticatedOnly: true,
+        navigateAuthenticatedTo: '/user/profile'
+    }
+});
+
+const username = ref<string>(), email = ref<string>(), password = ref<string>();
+
+const { status, signUp } = useAuth();
+
+function connect() {
+    signUp({ username, password, email }, { redirect: true, callbackUrl: '/' });
+
+    console.log(status.value);
+}
+</script>
+
+<template>
+    <!--<div class="site-body-center-column">
+        <div class="render-container">
+            <div v-if="status === 'unauthenticated'" class="not-found-container">
+                <form @submit.prevent="connect" class="column gapy-1">
+                    <input type="text" :value="username" placeholder="Entrez un nom d'utiliateur">
+                    <input type="text" :value="email" placeholder="Entrez une addresse mail">
+                    <input type="password" :value="password" placeholder="Entrez un mot de passe">
+                    <button>Valider</button>
+                </form>
+            </div>
+            <div v-else-if="status === 'loading'"></div>
+            <div v-else class="not-found-container">
+                <div class="not-found-title">👀 Vous n'avez rien à faire ici. 👀</div>
+            </div>
+        </div>
+    </div>-->
+</template>