Changed profile from /i to /me

components/global/sidebar/Sidebar.vue

@@ -40,6 +40,8 @@ function handleMenuItemAction(actionType: SidebarMenuActionType) {
         </UiTooltipProvider>
       </template>
 
+      <template v-else/>
+
       <li v-for="(item, i) in currentMenu" :key="i">
         <UiTooltipProvider :delay-duration="50">
           <UiTooltip>

components/global/user/CTA.vue

@@ -8,7 +8,7 @@ const router = useRouter()
 const { auth } = useSupabaseClient()
 const user = useSupabaseUser()
 const userMeta = computed(() => user.value?.user_metadata)
-const profileUrl: string = `${useRequestURL().origin}/i/`
+const profileUrl: string = `${useRequestURL().origin}/me/`
 
 const menuOpened = ref<boolean>(false)
 
@@ -45,7 +45,7 @@ async function handleLogout() {
 }
 
 function gotoProfilePage() {
-  router.push({ path: "/i" })
+  router.push({ path: "/me" })
 
   closeMenu()
 }

nuxt.config.ts

@@ -16,7 +16,7 @@ export default defineNuxtConfig({
   supabase: {
     redirectOptions: {
       login: "/",
-      callback: "/i"
+      callback: "/me/"
     }
   },
 

pages/me/index.vue

@@ -96,7 +96,7 @@ onUnmounted(() => {
         <li v-for="world in worlds" :key="world.id">
           <UiCard
             class="w-full transition-all"
-            :link="`/i/world/${world.id}`"
+            :link="`/me/world/${world.id}`"
             :class="{
               'hover:bg-slate-50 dark:hover:bg-sky-950 dark:focus-within:outline-sky-900': !world.color,
               'bg-red-100 dark:bg-red-950 border-red-200 hover:bg-red-50 dark:hover:bg-red-900 dark:border-red-900 dark:focus-within:outline-red-900': world.color === 'red',

pages/me/world/[id].vue

@@ -140,7 +140,7 @@ function hideDeleteModal() {
               <UiCard
                 v-if="calendar"
                 class="w-full transition-all text-slate-100 bg-slate-900 border-slate-700 hover:bg-slate-700 dark:hover:bg-slate-800 dark:border-slate-900 dark:focus-within:outline-slate-900"
-                :link="`/i/calendar/${calendar.id}`"
+                :link="`/me/calendar/${calendar.id}`"
               >
                 <UiCardHeader>
                   <UiCardTitle class="text-xl pr-12">{{ calendar.name }}</UiCardTitle>