chore: update deps and lint

eslint.config.js

@@ -2,22 +2,13 @@ import antfu from "@antfu/eslint-config";
 import zin from "@zinkawaii/eslint-config";
 
 export default antfu({
-    jsonc: false,
     markdown: false,
-    yaml: false,
-    stylistic: {
-        quotes: "double",
-        semi: true,
-        indent: 4
-    },
     rules: {
         ...zin.standard,
         ...zin.recommended,
         ...zin.stylistic,
         ...zin.vue,
         ...zin.patch,
-        "antfu/no-top-level-await": "off",
-        "no-multi-assign": "off",
         "unicorn/prefer-dom-node-text-content": "off"
     }
 });

package.json

@@ -1,51 +1,50 @@
 {
   "name": "plain-shiki",
+  "type": "module",
   "version": "0.0.12",
+  "packageManager": "[email protected]",
   "description": "Highlight your plaintext via Shiki",
+  "author": "KazariEX",
+  "license": "MIT",
+  "repository": "KazariEX/plain-shiki",
   "keywords": [
     "shiki",
     "highlight",
     "plaintext"
   ],
-  "author": "KazariEX",
-  "repository": "KazariEX/plain-shiki",
-  "license": "MIT",
-  "type": "module",
+  "exports": {
+    "types": "./dist/index.d.ts",
+    "import": "./dist/index.js",
+    "require": "./dist/index.cjs"
+  },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    }
-  },
   "files": [
     "dist"
   ],
-  "packageManager": "[email protected]",
   "scripts": {
     "build": "tsup-node",
     "build:playground": "pnpm -C playground run generate",
     "dev": "tsup-node --watch",
     "prepack": "pnpm run build",
     "release": "bumpp --no-push -c \"release: v%s\"",
-    "test": "vitest"
-  },
-  "devDependencies": {
-    "@antfu/eslint-config": "^3.7.3",
-    "@types/node": "^22.7.4",
-    "@zinkawaii/eslint-config": "^0.1.7",
-    "@zinkawaii/stylelint-config": "^0.1.5",
-    "bumpp": "^9.6.1",
-    "eslint": "^9.12.0",
-    "shiki": "^1.22.0",
-    "stylelint": "^16.9.0",
-    "tsup": "^8.3.0",
-    "vitest": "^2.1.2"
+    "test": "vitest",
+    "eslint": "eslint ."
   },
   "peerDependencies": {
     "shiki": "^1.22.0"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^3.12.0",
+    "@types/node": "^22.10.2",
+    "@zinkawaii/eslint-config": "^0.1.9",
+    "@zinkawaii/stylelint-config": "^0.2.2",
+    "bumpp": "^9.9.1",
+    "eslint": "^9.16.0",
+    "shiki": "^1.24.2",
+    "stylelint": "^16.11.0",
+    "tsup": "^8.3.5",
+    "vitest": "^2.1.8"
   }
-}
+}

playground/app/composables/usePlainShiki.ts

@@ -17,7 +17,7 @@ export type UsePlainShikiOptions = Omit<MountPlainShikiOptions, "lang" | "themes
 let shiki: HighlighterCore;
 
 export default function(el: MaybeRefOrGetter<HTMLElement | null>, options: UsePlainShikiOptions) {
-    const target = toRef(el);
+    const target = computed(() => toValue(el));
     const lang = toRef(options.lang);
     const themes = toRef(options.themes);
 

playground/package.json

@@ -6,17 +6,17 @@
     "prepare": "nuxi prepare"
   },
   "dependencies": {
-    "@vueuse/core": "^11.1.0",
-    "radix-vue": "^1.9.7",
-    "vue": "^3.5.11",
-    "vue-router": "^4.4.5"
+    "@vueuse/core": "^12.0.0",
+    "radix-vue": "^1.9.11",
+    "vue": "^3.5.13",
+    "vue-router": "^4.5.0"
   },
   "devDependencies": {
-    "@nuxt/icon": "^1.5.5",
-    "@nuxtjs/color-mode": "^3.5.1",
-    "@unocss/nuxt": "^0.63.4",
-    "@vueuse/nuxt": "^11.1.0",
-    "nuxt": "^3.13.2",
-    "unocss": "^0.63.4"
+    "@nuxt/icon": "^1.10.1",
+    "@nuxtjs/color-mode": "^3.5.2",
+    "@unocss/nuxt": "^0.65.1",
+    "@vueuse/nuxt": "^12.0.0",
+    "nuxt": "^3.14.1592",
+    "unocss": "^0.65.1"
   }
 }