chore: update packages and playground

Author: ThimoDEV

.vscode/extensions.json

@@ -8,7 +8,6 @@
     "pkief.material-icon-theme",
     "johnsoncodehk.vscode-tsconfig-helper",
     "christian-kohler.path-intellisense",
-    "github.copilot",
     "usernamehw.errorlens",
     "yoavbls.pretty-ts-errors",
     "antfu.iconify",

.vscode/settings.json

@@ -14,7 +14,8 @@
   "workbench.preferredDarkColorTheme": "Default Dark+",
   "workbench.preferredLightColorTheme": "Default Dark+",
   "workbench.productIconTheme": "Default",
-  "workbench.sideBar.location": "right",
+  "workbench.sideBar.location": "left",
+  "workbench.activityBar.orientation": "vertical",
   "workbench.startupEditor": "newUntitledFile",
   "workbench.tree.expandMode": "singleClick",
   "workbench.tree.indent": 25,

package.json

@@ -34,32 +34,35 @@
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
   },
   "dependencies": {
-    "@babel/runtime": "^7.26.0",
-    "@codemirror/commands": "^6.7.1",
-    "@codemirror/state": "6.5.0",
+    "@babel/runtime": "^7.26.10",
+    "@codemirror/autocomplete": "^6.18.6",
+    "@codemirror/commands": "^6.8.0",
+    "@codemirror/language": "^6.10.8",
+    "@codemirror/lint": "^6.8.4",
+    "@codemirror/search": "^6.5.10",
+    "@codemirror/state": "6.5.2",
     "@codemirror/theme-one-dark": "^6.1.2",
-    "@codemirror/view": "6.36.1",
-    "@nuxt/kit": "^3.15.0",
-    "@uiw/codemirror-extensions-basic-setup": "^4.23.7"
+    "@codemirror/view": "6.36.4",
+    "@nuxt/kit": "^3.16.0"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^1.7.0",
-    "@nuxt/eslint-config": "^0.7.4",
+    "@nuxt/devtools": "^2.2.1",
+    "@nuxt/eslint-config": "^1.2.0",
     "@nuxt/module-builder": "^0.8.4",
-    "@nuxt/schema": "^3.15.0",
-    "@nuxt/test-utils": "^3.15.1",
-    "@types/node": "^22.10.2",
-    "changelogen": "^0.5.7",
-    "eslint": "^9.17.0",
-    "nuxt": "^3.15.0",
-    "typescript": "^5.7.2",
-    "vitest": "^2.1.8",
-    "vue-tsc": "^2.2.0"
+    "@nuxt/schema": "^3.16.0",
+    "@nuxt/test-utils": "^3.17.2",
+    "@types/node": "^22.13.10",
+    "changelogen": "^0.6.1",
+    "eslint": "^9.22.0",
+    "nuxt": "^3.16.0",
+    "typescript": "^5.8.2",
+    "vitest": "^3.0.8",
+    "vue-tsc": "^2.2.8"
   },
   "keywords": [
     "nuxt",
     "codemirror",
     "vue"
   ],
-  "packageManager": "pnpm@9.15.9"
+  "packageManager": "pnpm@10.6.2"
 }

playground/app.vue

@@ -1,17 +1,13 @@
 <script setup lang="ts">
 import { javascript } from '@codemirror/lang-javascript'
-import { lineNumbersRelative } from '@uiw/codemirror-extensions-line-numbers-relative'
-import { okaidia } from '@uiw/codemirror-theme-okaidia'
-
 import type { ViewUpdate } from '@codemirror/view'
+import { lineNumbersRelative } from '@uiw/codemirror-extensions-line-numbers-relative'
 import type { CodeMirrorRef, Statistics } from '../src/runtime/types/nuxt-codemirror'
 
 const code = ref('console.log("Hello, CodeMirror!");')
 // const theme = ref<'light' | 'dark' | 'none'>('light')
 const codemirror = ref<CodeMirrorRef>()
 
-const extensions = [lineNumbersRelative, javascript({ jsx: true, typescript: true })]
-
 const handleChange = (value: string, viewUpdate: ViewUpdate) => {
   console.log('Value changed:', value)
   console.log('View updated:', viewUpdate)
@@ -41,24 +37,23 @@ onMounted(() => {
 </script>
 
 <template>
-  <NuxtCodeMirror
-    ref="codemirror"
-    v-model="code"
-    :extensions="extensions"
-    style="width: 500px; height: 400px;"
-    :theme="okaidia"
-    placeholder="Enter your code here..."
-    :auto-focus="true"
-    :editable="true"
-    :basic-setup="true"
-    :indent-with-tab="true"
-    @on-change="handleChange"
-    @statistics="handleStatistics"
-    @on-update="handleUpdate"
-  />
-  <div>{{ code }}</div>
-  <input
-    v-model="code"
-    type="text"
-  >
+    <NuxtCodeMirror
+      ref="codemirror"
+      v-model="code"
+      :extensions="[lineNumbersRelative, javascript()]"
+      style="width: 500px; height: 400px;"
+      placeholder="Enter your code here..."
+      :auto-focus="true"
+      :basic-setup="true"
+      :editable="true"
+      :indent-with-tab="true"
+      @on-change="handleChange"
+      @statistics="handleStatistics"
+      @on-update="handleUpdate"
+    />
+    <div>{{ code }}</div>
+    <input
+      v-model="code"
+      type="text"
+    >
 </template>

playground/package.json

@@ -8,10 +8,18 @@
     "generate": "nuxi generate"
   },
   "dependencies": {
-    "@codemirror/lang-javascript": "^6.2.2",
-    "@nuxt/kit": "^3.15.0",
-    "@uiw/codemirror-extensions-line-numbers-relative": "^4.23.7",
-    "@uiw/codemirror-theme-okaidia": "^4.23.7",
-    "nuxt": "^3.15.0"
+    "@codemirror/lang-javascript": "^6.2.3",
+    "@codemirror/language": "^6.10.8",
+    "@nuxt/kit": "^3.16.0",
+    "@uiw/codemirror-extensions-line-numbers-relative": "^4.23.10",
+    "@uiw/codemirror-theme-okaidia": "^4.23.10",
+    "@codemirror/autocomplete": "^6.18.6",
+    "@codemirror/commands": "^6.8.0",
+    "@codemirror/lint": "^6.8.4",
+    "@codemirror/search": "^6.5.10",
+    "@codemirror/state": "6.5.2",
+    "@codemirror/view": "6.36.4",
+    "codemirror": "^6.0.1",
+    "nuxt": "^3.16.0"
   }
 }