aboutsummaryrefslogtreecommitdiff
path: root/src/components/timeline_menu/timeline_menu.vue
diff options
context:
space:
mode:
authorHenry Jameson <me@hjkos.com>2021-04-07 22:42:34 +0300
committerHenry Jameson <me@hjkos.com>2021-04-25 14:05:25 +0300
commit8d46fd78c7ada7600afe7b74932a6f2380964592 (patch)
treea8d43b426e466f9dec8c69a0d9d983bf21999778 /src/components/timeline_menu/timeline_menu.vue
parent95e74319e11e673ce0a6a53546eae98a0b9c3eb5 (diff)
migrate to v-slot
Diffstat (limited to 'src/components/timeline_menu/timeline_menu.vue')
-rw-r--r--src/components/timeline_menu/timeline_menu.vue43
1 files changed, 22 insertions, 21 deletions
diff --git a/src/components/timeline_menu/timeline_menu.vue b/src/components/timeline_menu/timeline_menu.vue
index 22dc3432..4f6681b8 100644
--- a/src/components/timeline_menu/timeline_menu.vue
+++ b/src/components/timeline_menu/timeline_menu.vue
@@ -9,28 +9,29 @@
@show="openMenu"
@close="() => isOpen = false"
>
- <div
- slot="content"
- class="timeline-menu-popover panel panel-default"
- >
- <TimelineMenuContent />
- </div>
- <div
- slot="trigger"
- class="title timeline-menu-title"
- >
- <span class="timeline-title">{{ timelineName() }}</span>
- <span>
- <FAIcon
- size="sm"
- icon="chevron-down"
+ <template v-slot:content>
+ <div
+ slot="content"
+ class="timeline-menu-popover popover-default"
+ >
+ <TimelineMenuContent />
+ </div>
+ </template>
+ <template v-slot:trigger>
+ <button class="button-unstyled title timeline-menu-title">
+ <span class="timeline-title">{{ timelineName() }}</span>
+ <span>
+ <FAIcon
+ size="sm"
+ icon="chevron-down"
+ />
+ </span>
+ <span
+ class="click-blocker"
+ @click="blockOpen"
/>
- </span>
- <span
- class="click-blocker"
- @click="blockOpen"
- />
- </div>
+ </button>
+ </template>
</Popover>
</template>