Add forceReconfigure() function.

Update dependencies.

Author: logue

README.md

@@ -261,13 +261,14 @@ export default defineComponent({
 
 ## Methods
 
-| Method    | Description                                                                                         |
-| --------- | --------------------------------------------------------------------------------------------------- |
-| selection | Get and set the [EditorSelection](https://codemirror.net/docs/ref/#state.EditorSelection) instance. |
-| cursor    | Get and set the [cursor](https://codemirror.net/docs/ref/#state.EditorSelection^cursor) location.   |
-| state     | Get and set [EditorState](https://codemirror.net/docs/ref/#state.EditorState).                      |
-| focus     | Get and set [focus](https://codemirror.net/docs/ref/#view.EditorView.focus).                        |
-| lint      | Force run linter (Only if `linter` prop is specified)                                               |
+| Method           | Description                                                                                         |
+| ---------------- | --------------------------------------------------------------------------------------------------- |
+| selection        | Get and set the [EditorSelection](https://codemirror.net/docs/ref/#state.EditorSelection) instance. |
+| cursor           | Get and set the [cursor](https://codemirror.net/docs/ref/#state.EditorSelection^cursor) location.   |
+| state            | Get and set [EditorState](https://codemirror.net/docs/ref/#state.EditorState).                      |
+| focus            | Get and set [focus](https://codemirror.net/docs/ref/#view.EditorView.focus).                        |
+| lint             | Force run linter (Only if `linter` prop is specified)                                               |
+| forceReconfigure | Re register all extensions.                                                                         |
 
 The instructions below are compatible methods for those familiar with [codemirror5](https://codemirror.net/5/). Since the above method is usually sufficient, its active use is not recommended.
 

package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package.json",
   "name": "vue-codemirror6",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "license": "MIT",
   "description": "CodeMirror6 Component for vue2 and vue3.",
   "keywords": [
@@ -93,21 +93,21 @@
     "@codemirror/lang-markdown": "^6.0.5",
     "@types/lodash": "^4.14.191",
     "@types/node": "^18.11.18",
-    "@typescript-eslint/eslint-plugin": "^5.48.1",
-    "@typescript-eslint/parser": "^5.48.1",
+    "@typescript-eslint/eslint-plugin": "^5.48.2",
+    "@typescript-eslint/parser": "^5.48.2",
     "@vitejs/plugin-vue": "^4.0.0",
     "@vue/eslint-config-prettier": "^7.0.0",
     "@vue/tsconfig": "^0.1.3",
-    "@vueuse/core": "^9.10.0",
+    "@vueuse/core": "^9.11.1",
     "eslint": "^8.32.0",
     "eslint-config-google": "^0.14.0",
     "eslint-config-prettier": "^8.6.0",
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-import-resolver-typescript": "^3.5.3",
     "eslint-linter-browserify": "^8.32.0",
     "eslint-plugin-html": "^7.1.0",
-    "eslint-plugin-import": "^2.27.4",
-    "eslint-plugin-jsdoc": "^39.6.4",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-jsdoc": "^39.6.7",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-tsdoc": "^0.2.17",
     "eslint-plugin-vue": "^9.9.0",
@@ -117,12 +117,12 @@
     "lint-staged": "^13.1.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.8.3",
-    "rimraf": "^4.0.7",
+    "rimraf": "^4.1.1",
     "rollup-plugin-visualizer": "^5.9.0",
     "typescript": "^4.9.4",
     "vite": "^4.0.4",
     "vite-plugin-banner": "^0.7.0",
-    "vite-plugin-checker": "^0.5.3",
+    "vite-plugin-checker": "^0.5.4",
     "vue": "^3.2.45",
     "vue-eslint-parser": "^9.1.0",
     "vue-markdown-wasm": "^0.2.0",

src-docs/DemoPage.vue

@@ -65,6 +65,10 @@ const linterAndCrossBindingDemoSrc = LinterAndCrossBindingDemoSrc.trim();
             vue-markdown-wasm
           </a>
           .
+          <br />
+          Full demo is
+          <a href="https://logue.dev/vue-markdown-wasm" target="_blank">here</a>
+          .
         </div>
       </div>
     </section>

src/components/CodeMirror.ts

@@ -460,6 +460,22 @@ export default defineComponent({
       }
     };
 
+    /**
+     * Force Reconfigure Extension
+     *
+     * @see {@link https://codemirror.net/examples/config/#top-level-reconfiguration}
+     */
+    const forceReconfigure = () => {
+      // Deconfigure all Extensions
+      view.value.dispatch({
+        effects: StateEffect.reconfigure.of([]),
+      });
+      // Register extensions
+      view.value.dispatch({
+        effects: StateEffect.appendConfig.of(extensions.value),
+      });
+    };
+
     /* ----- Bellow is experimental. ------ */
 
     /**
@@ -575,6 +591,7 @@ export default defineComponent({
       focus,
       length,
       lint,
+      forceReconfigure,
       // Bellow is CodeMirror5's function
       getRange,
       getLine,