feat: ✨ add paragraph dropdown-item in heading dropdown

Leecason · Jan 4, 2020 · 3996f60 · 3996f60
1 parent 26109cb
commit 3996f60
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/src/components/MenuCommands/HeadingDropdown.vue b/src/components/MenuCommands/HeadingDropdown.vue
@@ -2,14 +2,25 @@
   <el-dropdown
     placement="bottom"
     trigger="hover"
-    @command="i => editorContext.commands.heading({ level: i })"
+    @command="i => i > 0
+      ? editorContext.commands.heading({ level: i })
+      : editorContext.commands.paragraph
+    "
   >
     <command-button
       :is-active="isHeadingActive(undefined)"
       tooltip="Heading"
       icon="heading"
     />
     <el-dropdown-menu slot="dropdown">
+      <el-dropdown-item
+        :command="0"
+        :class="{
+          'el-dropdown-menu__item--active': editorContext.isActive.paragraph(),
+        }"
+      >
+        <span>Paragraph</span>
+      </el-dropdown-item>
       <el-dropdown-item
         v-for="i in level"
         :key="i"