justboil / admin-one-vue-tailwind

Free Vue.js 3.x Tailwind 3.x admin dashboard template with dark mode. Vite builds. Pinia state. Laravel integration available
https://justboil.github.io/admin-one-vue-tailwind/
MIT License
2.13k stars 402 forks source link

Style inconsistency with Laravel guide #39

Open ainsofs opened 1 year ago

ainsofs commented 1 year ago

When I follow this step in the Laravel guide I end up with an inconsistent style from demo.

image

To fix it, I keep the existing style

<component
      :is="item.route ? Link : 'a'"
      :href="itemHref"
      :target="item.target ?? null"
      class="flex cursor-pointer"
      :class="componentClass" <<<--- needs to stay like this not ':class="activeInactiveStyle"' as in the guide
      @click="menuClick"
    >

image

neodiamond commented 9 months ago

Hello there, I am having an error when adding this const in the AsideMenuItem.vue

const activeInactiveStyle = computed(() =>
  props.item.route && route().current(props.item.route)
    ? darkModeStore.asideMenuItemActiveStyle
    : ''
)

The error says that "darkModeStore" is not defined, any clue?