Edition de profile

Temps estimé :2 minutes 36 views

Ouvrir le le fichier UserAccountMenu et configurez la route comme ceci:

   <div class="menu-item px-5">
      <router-link to="crafted/account/overview" class="menu-link px-5">
        My Profile
      </router-link>
    </div>

Pour masquer « crafted » visuellement dans l’URL sans modifier la structure des routes, vous pouvez utiliser un alias. Un alias permet de rendre une route accessible via plusieurs chemins. Voici comment procéder :

Ajoutez un alias pour les routes qui incluent « crafted » : Cela vous permet de définir un chemin alternatif sans changer la logique ou les routes d’origine.
Mettre en place un alias pour les routes : Ajoutez l’option alias pour chaque route contenant « crafted ». Cela permet à l’URL de ne pas afficher « crafted » tout en gardant la même logique de routage.

 {
        path: "/account",  // Remplace "/crafted/account" par "/account"
        alias: "/crafted/account",  // Alias pour compatibilité avec les anciens liens
        name: "account",
        component: () => import("@/views/crafted/account/Account.vue"),
        meta: {
          breadcrumbs: ["Account"],
        },
        children: [
          {
            path: "overview",
            name: "account-overview",
            component: () => import("@/views/crafted/account/Overview.vue"),
            meta: {
              pageTitle: "Overview",
            },
          },
          {
            path: "settings",
            name: "account-settings",
            component: () => import("@/views/crafted/account/Settings.vue"),
            meta: {
              pageTitle: "Settings",
            },
          },
        ],
      },

Documentation Vesper

Edition de profile

CONTENTS