async function onSubmit() {
        formSubmited.value = true;
        loading.value = true;
        const token = useCookie<string>("X-auth").value;
        const {data, error} = await useFetch<{message: string}>(api_url+"users",{
            headers: {
                "X-auth" : token
            },
            method: "POST",
            body: JSON.stringify({
                user: {
                    email : user_email.value,
                    username : user_username.value,
                    password : user_password.value
                },
                club: {
                    name : club_name.value,
                    legal_nature : club_legal_nature.value,
                    sol_adm : club_sol_adm.value,
                    polysport : club_polysport.value,
                    tax_code : club_tax_code.value,
                    tva: club_tva.value,
                    sports_group : club_sports_group.value,
                    com_prov : club_com_prov.value,
                    group : club_group.value,
                    affiliation_code : club_affiliation_code.value,
                    address : club_address.value,
                    email : club_email.value,
                    telephone : club_telephone.value,
                    pec : club_pec.value,
                    login_email : club_login_email.value,
                    login_password : club_login_password.value
                }
            })
        });
        await navigateTo("/dashboard");
        await refreshNuxtData("clubs");
    }

    async function onSubmit() {
        formSubmited.value = true;
        loading.value = true;
        const token = useCookie<string>("X-auth").value;
        const {data, error} = await useFetch<{message: string}>(api_url+"users",{
            headers: {
                "X-auth" : token
            },
            method: "POST",
            body: JSON.stringify({
                user: {
                    email : user_email.value,
                    username : user_username.value,
                    password : user_password.value
                },
                club: {
                    name : club_name.value,
                    legal_nature : club_legal_nature.value,
                    sol_adm : club_sol_adm.value,
                    polysport : club_polysport.value,
                    tax_code : club_tax_code.value,
                    tva: club_tva.value,
                    sports_group : club_sports_group.value,
                    com_prov : club_com_prov.value,
                    group : club_group.value,
                    affiliation_code : club_affiliation_code.value,
                    address : club_address.value,
                    email : club_email.value,
                    telephone : club_telephone.value,
                    pec : club_pec.value,
                    login_email : club_login_email.value,
                    login_password : club_login_password.value
                }
            })
        });
        await navigateTo("/dashboard");
        await refreshNuxtData("clubs");
    }

<template>
    Dash {{ user.username }}

    <hr>

    {{ clubs }}
</template>
<script setup lang="ts">
    import type { Club } from '~/src/interfaces';
    import { api_url } from '~/src/variables';
    
    // Page meta et middleware
    definePageMeta({
        middleware: ["auth", "dashboard"]
    });
    
    // Variables
    const user = useState<{email: string, root: boolean, username: string, user_id: number}>('user');
    const clubs = useState<Array<Club>>('clubs');
    
</script>

<template>
    Dash {{ user.username }}

    <hr>

    {{ clubs }}
</template>
<script setup lang="ts">
    import type { Club } from '~/src/interfaces';
    import { api_url } from '~/src/variables';
    
    // Page meta et middleware
    definePageMeta({
        middleware: ["auth", "dashboard"]
    });
    
    // Variables
    const user = useState<{email: string, root: boolean, username: string, user_id: number}>('user');
    const clubs = useState<Array<Club>>('clubs');
    
</script>

definePageMeta({
        middleware: ["auth", async (to, from) => {
            console.log(0)
            const token = useCookie<string>("X-auth").value;
                
            const {data, error} = await useFetch<{message: string, clubs: Array<Club> | null, user_club: number | null}>(api_url+"clubs", {
                method: "GET",
                headers: {
                    "X-auth" : token
                }   
            });

            console.log(1)
            
            if(data.value?.message == "OK"){
                useState("clubs", () => data.value?.clubs);                
            }else{
                return navigateTo("/dashboard/clubs/"+data.value?.user_club+"/");
            }
        }]
    });

definePageMeta({
        middleware: ["auth", async (to, from) => {
            console.log(0)
            const token = useCookie<string>("X-auth").value;
                
            const {data, error} = await useFetch<{message: string, clubs: Array<Club> | null, user_club: number | null}>(api_url+"clubs", {
                method: "GET",
                headers: {
                    "X-auth" : token
                }   
            });

            console.log(1)
            
            if(data.value?.message == "OK"){
                useState("clubs", () => data.value?.clubs);                
            }else{
                return navigateTo("/dashboard/clubs/"+data.value?.user_club+"/");
            }
        }]
    });

<script setup lang="ts">
    import { api_url } from '~/src/variables';

    // Page meta et middleware
    definePageMeta({
        middleware: "not-auth"
    }); 
    useHead({
        title: "Pagina di accesso." // Page de connexion
    });

    // Variables
    const email_input = ref<string>("");
    const password_input = ref<string>("");
    const login_error = ref<string>("");
    
    // Fonctions
    async function onSubmit() {
        login_error.value = "";
        const {data, error} = await useFetch<{message: string, token: null|string}>(api_url+"login", {
            headers: {
                "Content-type" : "application/json"
            },
            body: JSON.stringify({
                email: email_input.value,
                password: password_input.value
            }),
            method: "POST"
        });

        if(data.value?.message == "OK"){
            // ICI SET COOKIE
            navigateTo("/dashboard");
        }else{
            login_error.value = "L'indirizzo e-mail o la password non sono corretti."; // L'adresse e-mail ou le mot de passe est incorrect.7
        }
    }
    
</script>

<script setup lang="ts">
    import { api_url } from '~/src/variables';

    // Page meta et middleware
    definePageMeta({
        middleware: "not-auth"
    }); 
    useHead({
        title: "Pagina di accesso." // Page de connexion
    });

    // Variables
    const email_input = ref<string>("");
    const password_input = ref<string>("");
    const login_error = ref<string>("");
    
    // Fonctions
    async function onSubmit() {
        login_error.value = "";
        const {data, error} = await useFetch<{message: string, token: null|string}>(api_url+"login", {
            headers: {
                "Content-type" : "application/json"
            },
            body: JSON.stringify({
                email: email_input.value,
                password: password_input.value
            }),
            method: "POST"
        });

        if(data.value?.message == "OK"){
            // ICI SET COOKIE
            navigateTo("/dashboard");
        }else{
            login_error.value = "L'indirizzo e-mail o la password non sono corretti."; // L'adresse e-mail ou le mot de passe est incorrect.7
        }
    }
    
</script>