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 }"> <template #popover="{ toggleMenu }">
<div class="content-menu-popover"> <div class="content-menu-popover">
<ds-menu :routes="routes"> <ds-menu :routes="routes">
<ds-menu-item <template #menuitem="item">
#menuitem="item" <ds-menu-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)"
> >
<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,21 +13,20 @@
<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
> class="dropdown-menu-item"
<ds-menu-item :route="item.route"
#menuitem="item" :parents="item.parents"
class="dropdown-menu-item" @click.stop.prevent="filter(item.route, toggleMenu)"
:route="item.route" >
:parents="item.parents" {{ item.route.label }}
@click.stop.prevent="filter(item.route, toggleMenu)" </ds-menu-item>
> </template>
{{ item.route.label }} </ds-menu>
</ds-menu-item> </template>
</ds-menu>
</dropdown> </dropdown>
</template> </template>
<script> <script>

View File

@ -8,22 +8,20 @@
<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" <ds-menu-item
:routes="routes" class="locale-menu-item"
> :route="item.route"
<ds-menu-item :parents="item.parents"
#menuitem="item" @click.stop.prevent="changeLanguage(item.route.path, toggleMenu)"
class="locale-menu-item" >
:route="item.route" {{ item.route.name }}
:parents="item.parents" </ds-menu-item>
@click.stop.prevent="changeLanguage(item.route.path, toggleMenu)" </template>
> </ds-menu>
{{ item.route.name }} </template>
</ds-menu-item>
</ds-menu>
</dropdown> </dropdown>
</client-only> </client-only>
</template> </template>