chore: prefer shiki over shikiji

Author: harlan-zw

client/app.vue

@@ -598,7 +598,7 @@ const currentPageFile = computed(() => {
                     </div>
                   </div>
                   <div class="mt-5 text-center opacity-75">
-                    See the <NuxtLink to="https://nuxtseo.com/og-image/guides/compatibility" class="underline">
+                    See the <NuxtLink target="_blank" to="https://nuxtseo.com/og-image/guides/compatibility" class="underline">
                       compatibility guide
                     </NuxtLink> to learn more.
                   </div>

client/composables/shiki.ts

@@ -1,5 +1,5 @@
-import type { BuiltinLanguage, Highlighter } from 'shikiji'
-import { getHighlighter } from 'shikiji'
+import type { BuiltinLanguage, Highlighter } from 'shiki'
+import { getHighlighter } from 'shiki'
 import { ref } from 'vue'
 import { useColorMode } from '#imports'
 

package.json

@@ -75,7 +75,7 @@
     "radix3": "^1.1.0",
     "satori": "0.10.13",
     "satori-html": "^0.3.2",
-    "shikiji": "^0.10.2",
+    "shiki": "^1.0.0-beta.2",
     "sirv": "^2.0.4",
     "splitpanes": "^3.1.5",
     "std-env": "^3.7.0",