Fix: named slot scopes

This commit is contained in:
Raphael Beer 2020-03-13 00:09:33 +01:00
parent d465e94596
commit 7df4432601
No known key found for this signature in database
GPG Key ID: C1AC5E018B25EF11
3 changed files with 38 additions and 40 deletions

View File

@ -15,8 +15,8 @@
<template #popover="{ toggleMenu }"> <template #popover="{ toggleMenu }">
<div class="content-menu-popover"> <div class="content-menu-popover">
<ds-menu :routes="routes"> <ds-menu :routes="routes">
<template #menuitem="item">
<ds-menu-item <ds-menu-item
#menuitem="item"
:route="item.route" :route="item.route"
:parents="item.parents" :parents="item.parents"
@click.stop.prevent="openItem(item.route, toggleMenu)" @click.stop.prevent="openItem(item.route, toggleMenu)"
@ -24,6 +24,7 @@
<base-icon :name="item.route.icon" /> <base-icon :name="item.route.icon" />
{{ item.route.label }} {{ item.route.label }}
</ds-menu-item> </ds-menu-item>
</template>
</ds-menu> </ds-menu>
</div> </div>
</template> </template>

View File

@ -13,13 +13,10 @@
<base-icon class="dropdown-arrow" name="angle-down" /> <base-icon class="dropdown-arrow" name="angle-down" />
</a> </a>
</template> </template>
<ds-menu <template #popover="{ toggleMenu }">
#popover="{ toggleMenu }" <ds-menu class="dropdown-menu-popover" :routes="filterOptions">
class="dropdown-menu-popover" <template #menuitem="item">
:routes="filterOptions"
>
<ds-menu-item <ds-menu-item
#menuitem="item"
class="dropdown-menu-item" class="dropdown-menu-item"
:route="item.route" :route="item.route"
:parents="item.parents" :parents="item.parents"
@ -27,7 +24,9 @@
> >
{{ item.route.label }} {{ item.route.label }}
</ds-menu-item> </ds-menu-item>
</template>
</ds-menu> </ds-menu>
</template>
</dropdown> </dropdown>
</template> </template>
<script> <script>

View File

@ -8,14 +8,10 @@
<base-icon class="dropdown-arrow" name="angle-down" /> <base-icon class="dropdown-arrow" name="angle-down" />
</a> </a>
</template> </template>
<ds-menu <template #popover="{ toggleMenu }">
#popover="{ toggleMenu }" <ds-menu class="locale-menu-popover" :matcher="matcher" :routes="routes">
class="locale-menu-popover" <template #menuitem="item">
:matcher="matcher"
:routes="routes"
>
<ds-menu-item <ds-menu-item
#menuitem="item"
class="locale-menu-item" class="locale-menu-item"
:route="item.route" :route="item.route"
:parents="item.parents" :parents="item.parents"
@ -23,7 +19,9 @@
> >
{{ item.route.name }} {{ item.route.name }}
</ds-menu-item> </ds-menu-item>
</template>
</ds-menu> </ds-menu>
</template>
</dropdown> </dropdown>
</client-only> </client-only>
</template> </template>