dont destructure props in template
This commit is contained in:
parent
f69396ac73
commit
4ecc949558
@ -134,16 +134,16 @@
|
|||||||
{% endcall %}
|
{% endcall %}
|
||||||
|
|
||||||
<div is='toggler' default-visible class='block-list project-list-item'>
|
<div is='toggler' default-visible class='block-list project-list-item'>
|
||||||
<template slot-scope='{ isVisible, toggle }'>
|
<template slot-scope='props'>
|
||||||
<header class='block-list__header'>
|
<header class='block-list__header'>
|
||||||
<button v-on:click='toggle' class='icon-link icon-link--large icon-link--default spend-table__project__toggler'>
|
<button type='button' v-on:click='props.toggle' class='icon-link icon-link--large icon-link--default spend-table__project__toggler'>
|
||||||
<template v-if='isVisible'>{{ Icon('caret_down') }}</template>
|
<template v-if='props.isVisible'>{{ Icon('caret_down') }}</template>
|
||||||
<template v-else>{{ Icon('caret_right') }}</template>
|
<template v-else>{{ Icon('caret_right') }}</template>
|
||||||
<h3 class="block-list__title">Code.mil</h3>
|
<h3 class="block-list__title">Code.mil</h3>
|
||||||
</button>
|
</button>
|
||||||
<span><a href="#" class="icon-link icon-link--danger">revoke all access</a></span>
|
<span><a href="#" class="icon-link icon-link--danger">revoke all access</a></span>
|
||||||
</header>
|
</header>
|
||||||
<ul v-show='isVisible'>
|
<ul v-show='props.isVisible'>
|
||||||
<li class='block-list__item project-list-item__environment'>
|
<li class='block-list__item project-list-item__environment'>
|
||||||
<span class='project-list-item__environment'>
|
<span class='project-list-item__environment'>
|
||||||
Development
|
Development
|
||||||
@ -173,16 +173,16 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div is="toggler" class='block-list project-list-item'>
|
<div is="toggler" class='block-list project-list-item'>
|
||||||
<template slot-scope='{ isVisible, toggle }'>
|
<template slot-scope='props'>
|
||||||
<header class='block-list__header'>
|
<header class='block-list__header'>
|
||||||
<button v-on:click='toggle' class='icon-link icon-link--large icon-link--default spend-table__project__toggler'>
|
<button type='button' v-on:click='props.toggle' class='icon-link icon-link--large icon-link--default spend-table__project__toggler'>
|
||||||
<template v-if='isVisible'>{{ Icon('caret_down') }}</template>
|
<template v-if='props.isVisible'>{{ Icon('caret_down') }}</template>
|
||||||
<template v-else>{{ Icon('caret_right') }}</template>
|
<template v-else>{{ Icon('caret_right') }}</template>
|
||||||
<h3 class="block-list__title">Digital Dojo</h3>
|
<h3 class="block-list__title">Digital Dojo</h3>
|
||||||
</button>
|
</button>
|
||||||
<span class="label">no access</span>
|
<span class="label">no access</span>
|
||||||
</header>
|
</header>
|
||||||
<ul v-show='isVisible'>
|
<ul v-show='props.isVisible'>
|
||||||
<li class='block-list__item project-list-item__environment'>
|
<li class='block-list__item project-list-item__environment'>
|
||||||
<span class='project-list-item__environment'>
|
<span class='project-list-item__environment'>
|
||||||
Development
|
Development
|
||||||
|
Loading…
x
Reference in New Issue
Block a user