RainyDev Comments - Answer Overflow

RainyDev

Explore posts from servers

NNuxt CCoder.com FFilament ZZITADEL

Posts Comments

NNuxt

•Created by RainyDev on 3/12/2025 in #❓・help

getRequestIP returns nothing

@kapa.ai

11 replies

NNuxt

•Created by RainyDev on 3/12/2025 in #❓・help

getRequestIP returns nothing

[🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"? I'm trying to get the api in an api route

11 replies

NNuxt

•Created by RainyDev on 3/12/2025 in #❓・help

Content within <DashboardLayout> not scrollable

Well, it does get showed now but still wont open up on mobile... @kapa.ai

21 replies

NNuxt

•Created by RainyDev on 3/12/2025 in #❓・help

Content within <DashboardLayout> not scrollable

This is my code now but it doesn't get displayed. Neither on mobile nor Desktop @kapa.ai

<template>
  <UDashboardLayout>
    <UDashboardPanel v-model="isOpen" :width="250" collapsible>
      <UDashboardNavbar>
        <template #toggle>
          <UDashboardNavbarToggle icon="i-heroicons-x-mark" />
        </template>
        <template #right>
          <UAvatar :src="user.avatar.src" :alt="user.avatar.alt" size="md" class="mr-2" />
          <UDropdown
              :items="items"
              :content="{ align: 'center', collisionPadding: 12 }"
              :ui="{ content: 'w-48' }"
          >
            <UButton
                v-bind="{
                ...user.avatar,
                label: user.name,
                trailingIcon: 'i-lucide-chevrons-up-down',
              }"
                variant="ghost"
                block
                class="data-[state=open]:bg-(--ui-bg-elevated)"
                :ui="{
                trailingIcon: 'text-(--ui-text-dimmed)',
              }"
            />
          </UDropdown>
        </template>
      </UDashboardNavbar>

      <UDashboardSidebar>
        <UDashboardSidebarLinks :links="[
          { label: 'Home', icon: 'i-lucide-home', to: '/admin' },
          { label: 'Licenses', icon: 'i-lucide-key', to: '/admin/licenses' },
          { label: 'Settings', icon: 'i-lucide-settings', to: '/admin/settings' },
        ]" />
      </UDashboardSidebar>
    </UDashboardPanel>

    <UDashboardPanelContent>
      <slot />

    </UDashboardPanelContent>

  </UDashboardLayout>
</template>

<template>
  <UDashboardLayout>
    <UDashboardPanel v-model="isOpen" :width="250" collapsible>
      <UDashboardNavbar>
        <template #toggle>
          <UDashboardNavbarToggle icon="i-heroicons-x-mark" />
        </template>
        <template #right>
          <UAvatar :src="user.avatar.src" :alt="user.avatar.alt" size="md" class="mr-2" />
          <UDropdown
              :items="items"
              :content="{ align: 'center', collisionPadding: 12 }"
              :ui="{ content: 'w-48' }"
          >
            <UButton
                v-bind="{
                ...user.avatar,
                label: user.name,
                trailingIcon: 'i-lucide-chevrons-up-down',
              }"
                variant="ghost"
                block
                class="data-[state=open]:bg-(--ui-bg-elevated)"
                :ui="{
                trailingIcon: 'text-(--ui-text-dimmed)',
              }"
            />
          </UDropdown>
        </template>
      </UDashboardNavbar>

      <UDashboardSidebar>
        <UDashboardSidebarLinks :links="[
          { label: 'Home', icon: 'i-lucide-home', to: '/admin' },
          { label: 'Licenses', icon: 'i-lucide-key', to: '/admin/licenses' },
          { label: 'Settings', icon: 'i-lucide-settings', to: '/admin/settings' },
        ]" />
      </UDashboardSidebar>
    </UDashboardPanel>

    <UDashboardPanelContent>
      <slot />

    </UDashboardPanelContent>

  </UDashboardLayout>
</template>