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

View File

@ -13,21 +13,20 @@
<base-icon class="dropdown-arrow" name="angle-down" />
</a>
</template>
<ds-menu
#popover="{ toggleMenu }"
class="dropdown-menu-popover"
:routes="filterOptions"
>
<ds-menu-item
#menuitem="item"
class="dropdown-menu-item"
:route="item.route"
:parents="item.parents"
@click.stop.prevent="filter(item.route, toggleMenu)"
>
{{ item.route.label }}
</ds-menu-item>
</ds-menu>
<template #popover="{ toggleMenu }">
<ds-menu class="dropdown-menu-popover" :routes="filterOptions">
<template #menuitem="item">
<ds-menu-item
class="dropdown-menu-item"
:route="item.route"
:parents="item.parents"
@click.stop.prevent="filter(item.route, toggleMenu)"
>
{{ item.route.label }}
</ds-menu-item>
</template>
</ds-menu>
</template>
</dropdown>
</template>
<script>

View File

@ -8,22 +8,20 @@
<base-icon class="dropdown-arrow" name="angle-down" />
</a>
</template>
<ds-menu
#popover="{ toggleMenu }"
class="locale-menu-popover"
:matcher="matcher"
:routes="routes"
>
<ds-menu-item
#menuitem="item"
class="locale-menu-item"
:route="item.route"
:parents="item.parents"
@click.stop.prevent="changeLanguage(item.route.path, toggleMenu)"
>
{{ item.route.name }}
</ds-menu-item>
</ds-menu>
<template #popover="{ toggleMenu }">
<ds-menu class="locale-menu-popover" :matcher="matcher" :routes="routes">
<template #menuitem="item">
<ds-menu-item
class="locale-menu-item"
:route="item.route"
:parents="item.parents"
@click.stop.prevent="changeLanguage(item.route.path, toggleMenu)"
>
{{ item.route.name }}
</ds-menu-item>
</template>
</ds-menu>
</template>
</dropdown>
</client-only>
</template>