From b37b7e7c28e771ebc1b8e55cd216fd39b79bb11c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20K=C3=BChn?= <kontakt@philipp-kuehn.com>
Date: Thu, 6 Sep 2018 17:09:07 +0200
Subject: [PATCH] fix missing node and mark check in readme example

---
 README.md | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index ee50840b..25de5263 100644
--- a/README.md
+++ b/README.md
@@ -322,12 +322,14 @@ This is a basic example of building a custom menu. A more advanced menu can be f
 <template>
   <editor :extensions="extensions">
     <div slot="menubar" slot-scope="{ nodes, marks }">
-      <button :class="{ 'is-active': nodes.heading.active({ level: 1 }) }" @click="nodes.heading.command({ level: 1 })">
-        H1
-      </button>
-      <button :class="{ 'is-active': marks.bold.active() }" @click="marks.bold.command()">
-        Bold
-      </button>
+      <div v-if="nodes && marks">
+        <button :class="{ 'is-active': nodes.heading.active({ level: 1 }) }" @click="nodes.heading.command({ level: 1 })">
+          H1
+        </button>
+        <button :class="{ 'is-active': marks.bold.active() }" @click="marks.bold.command()">
+          Bold
+        </button>
+      </div>
     </div>
     <div slot="content" slot-scope="props">
       <p>This text can be made bold.</p>