added toggleCellMerge and changed example to use it

If all selected cells are merged than the next call will split them.

examples/Components/Routes/Table/index.vue

@@ -173,7 +173,7 @@
 						</button>
 						<button
 							class="menubar__button"
-							@click="commands.mergeCells"
+							@click="commands.toggleCellMerge"
 						>
 							<icon name="combine_cells" />
 						</button>

packages/tiptap-extensions/src/nodes/Table.js

@@ -47,6 +47,14 @@ export default class Table extends Node {
       addRowAfter: () => addRowAfter,
       deleteRow: () => deleteRow,
       deleteTable: () => deleteTable,
+      toggleCellMerge: () => (
+          (state, dispatch) => {
+            if (mergeCells(state, dispatch)) {
+              return
+            }
+            splitCell(state, dispatch)
+          }
+      ),
       mergeCells: () => mergeCells,
       splitCell: () => splitCell,
       toggleHeaderColumn: () => toggleHeaderColumn,