fix link example

examples/Components/Routes/Links/index.vue

@@ -1,11 +1,11 @@
 <template>
 	<div class="editor">
 		<menu-bubble class="menububble" :editor="editor">
-			<template slot-scope="{ nodes, marks }">
+			<template slot-scope="{ commands, isActive, markAttrs }">
 
-				<form class="menububble__form" v-if="linkMenuIsActive" @submit.prevent="setLinkUrl(linkUrl, marks.link)">
+				<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"/>
-					<button class="menububble__button" @click="setLinkUrl(null, marks.link)" type="button">
+					<button class="menububble__button" @click="setLinkUrl(commands.link, null)" type="button">
 						<icon name="remove" />
 					</button>
 				</form>
@@ -13,8 +13,8 @@
 				<template v-else>
 					<button
 						class="menububble__button"
-						@click="showLinkMenu(marks.link)"
-						:class="{ 'is-active': marks.link.active() }"
+						@click="showLinkMenu(markAttrs('link'))"
+						:class="{ 'is-active': isActive('link') }"
 					>
 						<span>Add Link</span>
 						<icon name="link" />
@@ -87,8 +87,8 @@ export default {
 		}
 	},
 	methods: {
-		showLinkMenu(type) {
-			this.linkUrl = type.attrs.href
+		showLinkMenu(attrs) {
+			this.linkUrl = attrs.href
 			this.linkMenuIsActive = true
 			this.$nextTick(() => {
 				this.$refs.linkInput.focus()
@@ -98,8 +98,8 @@ export default {
 			this.linkUrl = null
 			this.linkMenuIsActive = false
 		},
-		setLinkUrl(url, type, focus) {
-			type.command({ href: url })
+		setLinkUrl(command, url) {
+			command({ href: url })
 			this.hideLinkMenu()
 			this.editor.focus()
 		},

packages/tiptap/src/Components/FloatingMenu.js

@@ -26,6 +26,7 @@ export default {
 				focus: this.editor.focus,
 				commands: this.editor.commands,
 				isActive: this.editor.isActive.bind(this.editor),
+				markAttrs: this.editor.markAttrs.bind(this.editor),
 			}))
 		}
 	},

packages/tiptap/src/Components/MenuBar.js

@@ -12,6 +12,7 @@ export default {
 				focus: this.editor.focus,
 				commands: this.editor.commands,
 				isActive: this.editor.isActive.bind(this.editor),
+				markAttrs: this.editor.markAttrs.bind(this.editor),
 			}))
 		}
 	},

packages/tiptap/src/Components/MenuBubble.js

@@ -26,6 +26,7 @@ export default {
 				focus: this.editor.focus,
 				commands: this.editor.commands,
 				isActive: this.editor.isActive.bind(this.editor),
+				markAttrs: this.editor.markAttrs.bind(this.editor),
 			}))
 		}
 	},

packages/tiptap/src/utils/Editor.js

@@ -239,6 +239,13 @@ export default class Editor {
 				[name]: (attrs = {}) => markIsActive(this.state, mark, attrs),
 			}), {})
 
+		this.activeMarkAttrs = Object
+			.entries(this.schema.marks)
+			.reduce((marks, [name, mark]) => ({
+				...marks,
+				[name]: getMarkAttrs(this.state, mark),
+			}), {})
+
 		this.activeNodes = Object
 			.entries(this.schema.nodes)
 			.reduce((nodes, [name, node]) => ({
@@ -268,6 +275,10 @@ export default class Editor {
 		}
 	}
 
+	markAttrs(type = null) {
+		return this.activeMarkAttrs[type]
+	}
+
 	isActive(type = null, attrs = {}) {
 		const types = {
 			...this.activeMarks,