Fix heading level in edit

packages/core/lib/components/GlobalInsert.scss

@@ -1,2 +0,0 @@
-.sb-global-insert {
-}

packages/core/lib/components/GlobalInsert.tsx

@@ -1,32 +0,0 @@
-import { defineComponent } from 'vue';
-import { ITreeNode } from '../types';
-import { useBlockTree } from '../use-block-tree';
-import { useActivation } from '../use-activation';
-
-import { SbBlockPicker } from './BlockPicker';
-import { SbButton } from './Button';
-
-import './GlobalInsert.scss';
-
-export const SbGlobalInsert = defineComponent({
-  name: 'sb-global-insert',
-
-  setup() {
-    const { blockTree } = useBlockTree();
-    const {
-      activate,
-      activeBlockId,
-    } = useActivation();
-
-    return () => (
-      blockTree.value
-        ?  <SbBlockPicker
-          class="sb-global-insert"
-          v-slots={{
-            default: ({ toggle }: { toggle: Function }) => <SbButton {...{ onClick: toggle }}>+</SbButton>,
-          }}
-        />
-        : ''
-    );
-  },
-});

packages/core/lib/components/MainMenu.tsx

@@ -4,7 +4,6 @@ import {
 } from 'vue';
 import { IBlockData } from '../types';
 import { SbTreeBlockSelect } from './TreeBlockSelect';
-import { SbGlobalInsert } from './GlobalInsert';
 
 import './MainMenu.scss';
 
@@ -22,7 +21,6 @@ export const SbMainMenu = defineComponent({
     return () => (
       <div class="sb-main-menu">
         <SbTreeBlockSelect />
-        <SbGlobalInsert />
       </div>
     );
   },

packages/heading/lib/edit.tsx

@@ -88,7 +88,7 @@ export default defineComponent({
     const classes = computed(() => ({
       'sb-heading': true,
       'sb-heading_focused': localData.focused,
-      [`sb-heading_align${localData.align}`]: true,
+      [`sb-heading_align-${localData.align}`]: true,
       [`sb-heading_${localData.level}`]: true,
     }));