Update demo code. (Replaced @codemirror/html to @codemirror/vue.)

Update dependencies.

Author: logue

.yarn/releases/yarn-3.3.1.cjs

@@ -1,2 +1,3 @@
-yarnPath: .yarn/releases/yarn-3.3.1.cjs
 nodeLinker: node-modules
+
+yarnPath: .yarn/releases/yarn-3.4.1.cjs

.yarn/releases/yarn-3.4.1.cjs

@@ -56,7 +56,7 @@
     "node": ">=18.13.0",
     "yarn": ">=1.22.10"
   },
-  "packageManager": "yarn@3.3.1",
+  "packageManager": "yarn@3.4.1",
   "sideEffects": false,
   "scripts": {
     "dev": "vite",
@@ -88,44 +88,45 @@
     }
   },
   "devDependencies": {
-    "@codemirror/lang-javascript": "^6.1.3",
+    "@codemirror/lang-javascript": "^6.1.4",
     "@codemirror/lang-json": "^6.0.1",
     "@codemirror/lang-markdown": "^6.0.5",
+    "@codemirror/lang-vue": "^0.1.1",
     "@types/lodash": "^4.14.191",
-    "@types/node": "^18.11.18",
-    "@typescript-eslint/eslint-plugin": "^5.50.0",
-    "@typescript-eslint/parser": "^5.50.0",
+    "@types/node": "^18.13.0",
+    "@typescript-eslint/eslint-plugin": "^5.52.0",
+    "@typescript-eslint/parser": "^5.52.0",
     "@vitejs/plugin-vue": "^4.0.0",
     "@vue/eslint-config-prettier": "^7.0.0",
     "@vue/tsconfig": "^0.1.3",
     "@vueuse/core": "^9.12.0",
-    "eslint": "^8.33.0",
+    "eslint": "^8.34.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.33.0",
+    "eslint-linter-browserify": "^8.34.0",
     "eslint-plugin-html": "^7.1.0",
     "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-jsdoc": "^39.8.0",
+    "eslint-plugin-jsdoc": "^40.0.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-tsdoc": "^0.2.17",
     "eslint-plugin-vue": "^9.9.0",
     "eslint-plugin-vuejs-accessibility": "^2.1.0",
     "eslint-plugin-yaml": "^0.5.0",
     "husky": "^8.0.3",
-    "lint-staged": "^13.1.0",
+    "lint-staged": "^13.1.2",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.3",
+    "prettier": "^2.8.4",
     "rimraf": "^4.1.2",
     "rollup-plugin-visualizer": "^5.9.0",
-    "sass": "^1.58.0",
+    "sass": "^1.58.1",
     "sass-loader": "^13.2.0",
     "typescript": "^4.9.5",
     "vite": "^4.1.1",
     "vite-plugin-banner": "^0.7.0",
     "vite-plugin-checker": "^0.5.5",
-    "vue": "3.2.45",
+    "vue": "3.2.47",
     "vue-eslint-parser": "^9.1.0",
     "vue-markdown-wasm": "^0.3.2",
     "vue-tsc": "^1.0.24"

.yarnrc.yml

@@ -2,7 +2,7 @@
 <script setup>
 import CodeMirror from 'vue-codemirror6';
 import { useDark } from '@vueuse/core';
-import { html } from '@codemirror/lang-html';
+import { vue } from '@codemirror/lang-vue';
 
 import MarkdownDemo from './components/MarkdownDemo.vue';
 import MarkdownDemoSrc from './components/MarkdownDemo.vue?raw';
@@ -48,7 +48,7 @@ const linterAndCrossBindingDemoSrc = LinterAndCrossBindingDemoSrc.trim();
       <code-mirror
         v-model="markdownDemoSrc"
         :dark="dark"
-        :lang="html()"
+        :lang="vue()"
         basic
         wrap
         readonly
@@ -89,7 +89,7 @@ const linterAndCrossBindingDemoSrc = LinterAndCrossBindingDemoSrc.trim();
       <code-mirror
         v-model="slotDemoSrc"
         :dark="dark"
-        :lang="html()"
+        :lang="vue()"
         basic
         wrap
         readonly
@@ -118,7 +118,7 @@ const linterAndCrossBindingDemoSrc = LinterAndCrossBindingDemoSrc.trim();
       <code-mirror
         v-model="linterAndCrossBindingDemoSrc"
         :dark="dark"
-        :lang="html()"
+        :lang="vue()"
         basic
         wrap
         readonly
@@ -182,7 +182,7 @@ const linterAndCrossBindingDemoSrc = LinterAndCrossBindingDemoSrc.trim();
       <code-mirror
         v-model="readonlyAndDisabledDemoSrc"
         :dark="dark"
-        :lang="html()"
+        :lang="vue()"
         basic
         wrap
         readonly

package.json

@@ -129,6 +129,7 @@ export default defineConfig(async ({ mode, command }): Promise<UserConfig> => {
               ? undefined
               : {
                   vue: ['vue'],
+                  eslint: ['eslint-linter-browserify'],
                   codemirror: [
                     'codemirror',
                     '@codemirror/autocomplete',
@@ -138,9 +139,13 @@ export default defineConfig(async ({ mode, command }): Promise<UserConfig> => {
                     '@codemirror/search',
                     '@codemirror/state',
                     '@codemirror/view',
-                    // Add the following as needed.
+                  ],
+                  // Add the following as needed.
+                  'codemirror-lang': [
                     '@codemirror/lang-markdown',
-                    '@codemirror/lang-html',
+                    '@codemirror/lang-javascript',
+                    '@codemirror/lang-json',
+                    '@codemirror/lang-vue',
                   ],
                 },
         },