From 41f38e10412034d4f8f6706288829086717860ab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Sun, 4 Nov 2018 18:03:39 +0100
Subject: [PATCH] fix link example

---
 examples/Components/Routes/Links/index.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/examples/Components/Routes/Links/index.vue b/examples/Components/Routes/Links/index.vue
index ca6c43f68..607c833f5 100644
--- a/examples/Components/Routes/Links/index.vue
+++ b/examples/Components/Routes/Links/index.vue
@@ -1,7 +1,12 @@
 <template>
 	<div class="editor">
 		<menu-bubble class="menububble" :editor="editor">
-			<template slot-scope="{ commands, isActive, markAttrs }">
+			<div
+				slot-scope="{ commands, isActive, markAttrs, menu }"
+				class="menububble"
+				:class="{ 'is-active': menu.isActive }"
+				:style="`left: ${menu.left}px; bottom: ${menu.bottom}px;`"
+			>
 
 				<form class="menububble__form" v-if="linkMenuIsActive" @submit.prevent="setLinkUrl(commands.link, linkUrl)">
 					<input class="menububble__input" type="text" v-model="linkUrl" placeholder="https://" ref="linkInput" @keydown.esc="hideLinkMenu"/>
@@ -21,7 +26,7 @@
 					</button>
 				</template>
 
-			</template>
+			</div>
 		</menu-bubble>
 
 		<editor-content class="editor__content" :editor="editor" />