Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Style inconsistency with Laravel guide #39

Open
ainsofs opened this issue Jun 7, 2023 · 1 comment
Open

Style inconsistency with Laravel guide #39

ainsofs opened this issue Jun 7, 2023 · 1 comment

Comments

@ainsofs
Copy link

ainsofs commented Jun 7, 2023

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
Copy link

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?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants