From 30af4455e0a3fe81e5697e602ea7317af514d57b Mon Sep 17 00:00:00 2001
From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Wed, 21 Feb 2024 16:52:45 +0100
Subject: [PATCH] docs: updates to implementations

---
 docs/rfcs/data-loaders/basic.md               | 69 +++++++++++++
 docs/rfcs/data-loaders/colada.md              | 25 ++++-
 package.json                                  |  4 +-
 playground/package.json                       |  2 +-
 .../src/pages/users/colada-loader.[id].vue    |  2 +-
 pnpm-lock.yaml                                | 98 ++++++++++---------
 6 files changed, 149 insertions(+), 51 deletions(-)

diff --git a/docs/rfcs/data-loaders/basic.md b/docs/rfcs/data-loaders/basic.md
index e38dcb441..69f14c30a 100644
--- a/docs/rfcs/data-loaders/basic.md
+++ b/docs/rfcs/data-loaders/basic.md
@@ -1,7 +1,76 @@
 # `defineBasicLoader()`
 
+Basic data loader that always reruns on navigation.
+
+::: warning
+Data Loaders are experimental. Feedback is very welcome to shape the future of data loaders in Vue Router.
+:::
+
 ## Setup
 
 ## Example
 
+```vue
+<script lang="ts">
+import { defineBasicLoader } from 'unplugin-vue-router/runtime'
+import { getUserById } from '../api'
+
+export const useUserData = defineBasicLoader(
+  (to, { signal }) => {
+    return getUserById(to.params.id, { signal })
+  },
+  {
+    // used for SSR only
+    key: 'user-data',
+  }
+)
+</script>
+
+<script lang="ts" setup>
+const route = useRoute('/users/[id]')
+
+const {
+  user,
+  error
+  isLoading,
+  reload,
+} = useUserData()
+</script>
+
+<template>
+  <main>
+    <h1>Basic Data Loader Example</h1>
+    <pre>User: {{ route.params.id }}</pre>
+
+    <fieldset>
+      <legend>Controls</legend>
+
+      <button @click="reload()">Refetch</button>
+    </fieldset>
+
+    <RouterLink :to="{ params: { id: Number(route.params.id) || 0 - 1 } }"
+      >Previous</RouterLink
+    >
+    |
+    <RouterLink :to="{ params: { id: Number(route.params.id) || 0 + 1 } }"
+      >Next</RouterLink
+    >
+
+    <h2>State</h2>
+
+    <p>
+      <code>isLoading: {{ isLoading }}</code>
+    </p>
+    <pre v-if="error">Error: {{ error }}</pre>
+    <pre v-else>{{ user == null ? String(user) : user }}</pre>
+  </main>
+</template>
+```
+
 ## SSR
+
+## Nuxt
+
+## Unresolved Questions
+
+- Should this basic version also track what is used in the route object, like [Svelte Data Loaders do](https://kit.svelte.dev/docs/load#rerunning-load-functions)?
diff --git a/docs/rfcs/data-loaders/colada.md b/docs/rfcs/data-loaders/colada.md
index 012f7df17..1b4611452 100644
--- a/docs/rfcs/data-loaders/colada.md
+++ b/docs/rfcs/data-loaders/colada.md
@@ -4,12 +4,25 @@ Loaders that use [@pinia/colada](https://github.com/posva/pinia-colada) under th
 
 The key used in these loaders are directly passed to `useQuery()` from `@pinia/colada` and are therefore invalidated by `useMutation()` calls.
 
+::: warning
+Pinia Colada is Experimental (like data loaders). Feedback is very welcome to shape the future of data loaders in Vue Router.
+:::
+
 ## Setup
 
-Follow the instructions in [@pinia/colada](https://github.com/posva/pinia-colada).
+Follow the installation instructions in [@pinia/colada](https://github.com/posva/pinia-colada).
 
 ## Example
 
+<!--
+TODO: example with twoslash when it works
+// ---cut-start---
+import 'unplugin-vue-router/client'
+import './typed-router.d'
+// ---cut-end---
+// @moduleResolution: bundler
+ -->
+
 ```vue
 <script lang="ts">
 import { defineColadaLoader } from 'unplugin-vue-router/runtime'
@@ -72,7 +85,7 @@ const {
 ```
 
 ::: tip
-Pass a route name to `defineColadaLoader` to get typed routes in the `query` function.
+If you are using unplugin-vue-router, you can pass a route name to `defineColadaLoader` to get typed routes in the `query` function.
 
 ```ts
 export const useUserData = defineColadaLoader('/users/[id]', {
@@ -88,4 +101,10 @@ To avoid unnecessary frequent refreshes, Pinia Colada refreshes the data when na
 
 ## Route tracking
 
-The `query` function tracks what is used in the `to` parameter and will only refresh the data if **tracked** properties change. This means that if you use `to.params.id` in the `query` function, it will only refetch the data if the `id` parameter changes but not if other properties like `to.query`, `to.hash` or even `to.params.other` change.
+The `query` function tracks what is used in the `to` parameter and will only refresh the data if **tracked** properties change. This means that if you use `to.params.id` in the `query` function, it will only refetch the data if the `id` parameter changes but not if other properties like `to.query`, `to.hash` or even `to.params.other` change. To make sure the data is updated, it will still refresh in these scenarios. Configure the `staleTime` option to control how often the data should be refreshed.
+
+## SSR
+
+## Nuxt
+
+## Unresolved questions
diff --git a/package.json b/package.json
index 3006c644a..702760aae 100644
--- a/package.json
+++ b/package.json
@@ -160,7 +160,7 @@
   },
   "devDependencies": {
     "@pinia/colada": "^0.5.3",
-    "@shikijs/vitepress-twoslash": "1.1.5",
+    "@shikijs/vitepress-twoslash": "1.1.6",
     "@tanstack/vue-query": "^5.22.2",
     "@types/node": "^20.11.19",
     "@vitest/coverage-v8": "^1.3.0",
@@ -188,7 +188,7 @@
     "unplugin-auto-import": "^0.17.5",
     "unplugin-vue-markdown": "^0.25.0",
     "unplugin-vue-router": "workspace:*",
-    "vite": "^5.1.3",
+    "vite": "^5.1.4",
     "vitepress": "1.0.0-rc.44",
     "vitest": "^1.3.0",
     "vue": "^3.4.19",
diff --git a/playground/package.json b/playground/package.json
index f60b52917..1abf6fd9e 100644
--- a/playground/package.json
+++ b/playground/package.json
@@ -11,7 +11,7 @@
     "@vue/tsconfig": "^0.5.1",
     "json-server": "^0.17.3",
     "unplugin-vue-router": "workspace:*",
-    "vite": "^5.1.3",
+    "vite": "^5.1.4",
     "vite-plugin-inspect": "^0.8.3",
     "vue": "^3.3.7"
   },
diff --git a/playground/src/pages/users/colada-loader.[id].vue b/playground/src/pages/users/colada-loader.[id].vue
index 089ffbb9d..3606cad67 100644
--- a/playground/src/pages/users/colada-loader.[id].vue
+++ b/playground/src/pages/users/colada-loader.[id].vue
@@ -32,7 +32,7 @@ export const useUserData = defineColadaLoader('/users/colada-loader.[id]', {
     return user
   },
   key: (to) => {
-    console.log('[🍹] key', to.fullPath)
+    // console.log('[🍹] key', to.fullPath)
     return ['loader-users', to.params.id]
   },
   staleTime: 10000,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 440aac039..62a23e0a2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -52,8 +52,8 @@ importers:
         specifier: ^0.5.3
         version: 0.5.3
       '@shikijs/vitepress-twoslash':
-        specifier: 1.1.5
-        version: 1.1.5(typescript@5.3.3)
+        specifier: 1.1.6
+        version: 1.1.6(typescript@5.3.3)
       '@tanstack/vue-query':
         specifier: ^5.22.2
         version: 5.22.2(vue@3.4.19)
@@ -131,13 +131,13 @@ importers:
         version: 0.17.5(rollup@4.12.0)
       unplugin-vue-markdown:
         specifier: ^0.25.0
-        version: 0.25.2(rollup@4.12.0)(vite@5.1.3)
+        version: 0.25.2(rollup@4.12.0)(vite@5.1.4)
       unplugin-vue-router:
         specifier: workspace:*
         version: 'link:'
       vite:
-        specifier: ^5.1.3
-        version: 5.1.3(@types/node@20.11.19)
+        specifier: ^5.1.4
+        version: 5.1.4(@types/node@20.11.19)
       vitepress:
         specifier: 1.0.0-rc.44
         version: 1.0.0-rc.44(@algolia/client-search@4.22.1)(@types/node@20.11.19)(search-insights@2.13.0)(typescript@5.3.3)
@@ -170,7 +170,7 @@ importers:
     devDependencies:
       nuxt:
         specifier: ^3.10.2
-        version: 3.10.2(@types/node@20.11.19)(rollup@4.12.0)(typescript@5.3.3)(vite@5.1.3)(vue-tsc@1.8.27)
+        version: 3.10.2(@types/node@20.11.19)(rollup@4.12.0)(typescript@5.3.3)(vite@5.1.4)(vue-tsc@1.8.27)
       unplugin-vue-router:
         specifier: workspace:*
         version: link:../..
@@ -192,7 +192,7 @@ importers:
     devDependencies:
       '@vitejs/plugin-vue':
         specifier: ^5.0.4
-        version: 5.0.4(vite@5.1.3)(vue@3.4.19)
+        version: 5.0.4(vite@5.1.4)(vue@3.4.19)
       '@vue/compiler-sfc':
         specifier: ^3.4.19
         version: 3.4.19
@@ -206,11 +206,11 @@ importers:
         specifier: workspace:*
         version: link:..
       vite:
-        specifier: ^5.1.3
-        version: 5.1.3(@types/node@20.11.19)
+        specifier: ^5.1.4
+        version: 5.1.4(@types/node@20.11.19)
       vite-plugin-inspect:
         specifier: ^0.8.3
-        version: 0.8.3(@nuxt/kit@3.10.2)(rollup@4.12.0)(vite@5.1.3)
+        version: 0.8.3(@nuxt/kit@3.10.2)(rollup@4.12.0)(vite@5.1.4)
 
 packages:
 
@@ -1886,7 +1886,7 @@ packages:
     resolution: {integrity: sha512-GBzP8zOc7CGWyFQS6dv1lQz8VVpz5C2yRszbXufwG/9zhStTIH50EtD87NmWbTMwXDvZLNg8GIpb1UFdH93JCA==}
     dev: true
 
-  /@nuxt/devtools-kit@1.0.8(nuxt@3.10.2)(rollup@4.12.0)(vite@5.1.3):
+  /@nuxt/devtools-kit@1.0.8(nuxt@3.10.2)(rollup@4.12.0)(vite@5.1.4):
     resolution: {integrity: sha512-j7bNZmoAXQ1a8qv6j6zk4c/aekrxYqYVQM21o/Hy4XHCUq4fajSgpoc8mjyWJSTfpkOmuLyEzMexpDWiIVSr6A==}
     peerDependencies:
       nuxt: ^3.9.0
@@ -1895,8 +1895,8 @@ packages:
       '@nuxt/kit': 3.10.2(rollup@4.12.0)
       '@nuxt/schema': 3.10.2(rollup@4.12.0)
       execa: 7.2.0
-      nuxt: 3.10.2(@types/node@20.11.19)(rollup@4.12.0)(typescript@5.3.3)(vite@5.1.3)(vue-tsc@1.8.27)
-      vite: 5.1.3(@types/node@20.11.19)
+      nuxt: 3.10.2(@types/node@20.11.19)(rollup@4.12.0)(typescript@5.3.3)(vite@5.1.4)(vue-tsc@1.8.27)
+      vite: 5.1.4(@types/node@20.11.19)
     transitivePeerDependencies:
       - rollup
       - supports-color
@@ -1918,7 +1918,7 @@ packages:
       semver: 7.6.0
     dev: true
 
-  /@nuxt/devtools@1.0.8(nuxt@3.10.2)(rollup@4.12.0)(vite@5.1.3):
+  /@nuxt/devtools@1.0.8(nuxt@3.10.2)(rollup@4.12.0)(vite@5.1.4):
     resolution: {integrity: sha512-o6aBFEBxc8OgVHV4OPe2g0q9tFIe9HiTxRiJnlTJ+jHvOQsBLS651ArdVtwLChf9UdMouFlpLLJ1HteZqTbtsQ==}
     hasBin: true
     peerDependencies:
@@ -1926,7 +1926,7 @@ packages:
       vite: '*'
     dependencies:
       '@antfu/utils': 0.7.7
-      '@nuxt/devtools-kit': 1.0.8(nuxt@3.10.2)(rollup@4.12.0)(vite@5.1.3)
+      '@nuxt/devtools-kit': 1.0.8(nuxt@3.10.2)(rollup@4.12.0)(vite@5.1.4)
       '@nuxt/devtools-wizard': 1.0.8
       '@nuxt/kit': 3.10.2(rollup@4.12.0)
       birpc: 0.2.15
@@ -1943,7 +1943,7 @@ packages:
       launch-editor: 2.6.1
       local-pkg: 0.5.0
       magicast: 0.3.3
-      nuxt: 3.10.2(@types/node@20.11.19)(rollup@4.12.0)(typescript@5.3.3)(vite@5.1.3)(vue-tsc@1.8.27)
+      nuxt: 3.10.2(@types/node@20.11.19)(rollup@4.12.0)(typescript@5.3.3)(vite@5.1.4)(vue-tsc@1.8.27)
       nypm: 0.3.6
       ohash: 1.1.3
       pacote: 17.0.6
@@ -1956,9 +1956,9 @@ packages:
       simple-git: 3.22.0
       sirv: 2.0.4
       unimport: 3.7.1(rollup@4.12.0)
-      vite: 5.1.3(@types/node@20.11.19)
-      vite-plugin-inspect: 0.8.3(@nuxt/kit@3.10.2)(rollup@4.12.0)(vite@5.1.3)
-      vite-plugin-vue-inspector: 4.0.2(vite@5.1.3)
+      vite: 5.1.4(@types/node@20.11.19)
+      vite-plugin-inspect: 0.8.3(@nuxt/kit@3.10.2)(rollup@4.12.0)(vite@5.1.4)
+      vite-plugin-vue-inspector: 4.0.2(vite@5.1.4)
       which: 3.0.1
       ws: 8.16.0
     transitivePeerDependencies:
@@ -2546,31 +2546,35 @@ packages:
     resolution: {integrity: sha512-cKc5vGQ4p/4sjx48BHIO7CvLaN32vqpz5Wh7v2n+U1EezGdfX4Wms7khBctKz3iCg9yYq4sfGUc2t+JWj6EUsw==}
     dev: true
 
+  /@shikijs/core@1.1.6:
+    resolution: {integrity: sha512-kt9hhvrWTm0EPtRDIsoAZnSsFlIDBVBBI5CQewpA/NZCPin+MOKRXg+JiWc4y+8fZ/v0HzfDhu/UC+OTZGMt7A==}
+    dev: true
+
   /@shikijs/transformers@1.1.5:
     resolution: {integrity: sha512-ot6KWPmLuSN9nA9FAhttOXZIjKIy7cnwpNtI9aWmYN72RUaDz8eojRfMGUXsXXUxW/buvcvdZQAQldk7/pFpdw==}
     dependencies:
       shiki: 1.1.5
     dev: true
 
-  /@shikijs/twoslash@1.1.5(typescript@5.3.3):
-    resolution: {integrity: sha512-Ne2GycEAtFs1ZWgf+bKRuG99iB+SQnriygyaJ9E24g8Op8PkH6v6mIYzBdKL9EJG+QceUGnCl/mizh0Brl/c5g==}
+  /@shikijs/twoslash@1.1.6(typescript@5.3.3):
+    resolution: {integrity: sha512-0HJK7Il7HevTpRvpPlnJ0ow8UyoQxhvxQ0/lhfw1C0xW/7eLtSAtZfSKdel5Nch6HgbbtfucEzuUFmRIRXUFUg==}
     dependencies:
-      '@shikijs/core': 1.1.5
+      '@shikijs/core': 1.1.6
       twoslash: 0.2.4(typescript@5.3.3)
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  /@shikijs/vitepress-twoslash@1.1.5(typescript@5.3.3):
-    resolution: {integrity: sha512-38sIe0/9h5EAm5GiAECa0SZCwJltOII/3ly+yNQWaKjWyeMSpFpzUCLvJS7MR1CDXjAJPefdQVR3meBDNZUgFw==}
+  /@shikijs/vitepress-twoslash@1.1.6(typescript@5.3.3):
+    resolution: {integrity: sha512-OpOu/KszoEIm/pdTMmnFW+cPKj+Vw8Jut4CLivqdwgHysTdMUphyG/nuaYcpVZfCQBu6JLfQ6izgkYrefiKzXQ==}
     dependencies:
-      '@shikijs/twoslash': 1.1.5(typescript@5.3.3)
+      '@shikijs/twoslash': 1.1.6(typescript@5.3.3)
       floating-vue: 5.2.2(vue@3.4.19)
       mdast-util-from-markdown: 2.0.0
       mdast-util-gfm: 3.0.0
       mdast-util-to-hast: 13.1.0
-      shiki: 1.1.5
+      shiki: 1.1.6
       twoslash: 0.2.4(typescript@5.3.3)
       twoslash-vue: 0.2.4(typescript@5.3.3)
       vue: 3.4.19(typescript@5.3.3)
@@ -2868,14 +2872,14 @@ packages:
       vue: 3.4.19(typescript@5.3.3)
     dev: true
 
-  /@vitejs/plugin-vue@5.0.4(vite@5.1.3)(vue@3.4.19):
+  /@vitejs/plugin-vue@5.0.4(vite@5.1.4)(vue@3.4.19):
     resolution: {integrity: sha512-WS3hevEszI6CEVEx28F8RjTX97k3KsrcY6kvTg7+Whm5y3oYvcqzVeGCU3hxSAn4uY2CLCkeokkGKpoctccilQ==}
     engines: {node: ^18.0.0 || >=20.0.0}
     peerDependencies:
       vite: ^5.0.0
       vue: ^3.2.25
     dependencies:
-      vite: 5.1.3(@types/node@20.11.19)
+      vite: 5.1.4(@types/node@20.11.19)
       vue: 3.4.19(typescript@5.3.3)
     dev: true
 
@@ -7335,7 +7339,7 @@ packages:
       fsevents: 2.3.3
     dev: true
 
-  /nuxt@3.10.2(@types/node@20.11.19)(rollup@4.12.0)(typescript@5.3.3)(vite@5.1.3)(vue-tsc@1.8.27):
+  /nuxt@3.10.2(@types/node@20.11.19)(rollup@4.12.0)(typescript@5.3.3)(vite@5.1.4)(vue-tsc@1.8.27):
     resolution: {integrity: sha512-EYRPNPEHRoOzL5ZusOMoBvv1/yifGwdv7BLJPD/jaEDeEZvdXjLXLSRh2NukmdB1SdNmfL3wEnt5xtRpQO1niQ==}
     engines: {node: ^14.18.0 || >=16.10.0}
     hasBin: true
@@ -7349,7 +7353,7 @@ packages:
         optional: true
     dependencies:
       '@nuxt/devalue': 2.0.2
-      '@nuxt/devtools': 1.0.8(nuxt@3.10.2)(rollup@4.12.0)(vite@5.1.3)
+      '@nuxt/devtools': 1.0.8(nuxt@3.10.2)(rollup@4.12.0)(vite@5.1.4)
       '@nuxt/kit': 3.10.2(rollup@4.12.0)
       '@nuxt/schema': 3.10.2(rollup@4.12.0)
       '@nuxt/telemetry': 2.5.3(rollup@4.12.0)
@@ -8583,6 +8587,12 @@ packages:
       '@shikijs/core': 1.1.5
     dev: true
 
+  /shiki@1.1.6:
+    resolution: {integrity: sha512-j4pcpvaQWHb42cHeV+W6P+X/VcK7Y2ctvEham6zB8wsuRQroT6cEMIkiUmBU2Nqg2qnHZDH6ZyRdVldcy0l6xw==}
+    dependencies:
+      '@shikijs/core': 1.1.6
+    dev: true
+
   /side-channel@1.0.4:
     resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
     dependencies:
@@ -9462,7 +9472,7 @@ packages:
       - rollup
     dev: true
 
-  /unplugin-vue-markdown@0.25.2(rollup@4.12.0)(vite@5.1.3):
+  /unplugin-vue-markdown@0.25.2(rollup@4.12.0)(vite@5.1.4):
     resolution: {integrity: sha512-bDDWqtK1PUkWK/+kczOk33hqO5WulOUx5ZxfbCZuVArcUSwY7aB2vf4e2K+qdrlxalxkpjIA64z/liOrC/cjiQ==}
     peerDependencies:
       vite: ^2.0.0 || ^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0
@@ -9474,7 +9484,7 @@ packages:
       '@types/markdown-it': 13.0.7
       markdown-it: 13.0.2
       unplugin: 1.7.1
-      vite: 5.1.3(@types/node@20.11.19)
+      vite: 5.1.4(@types/node@20.11.19)
     transitivePeerDependencies:
       - rollup
     dev: true
@@ -9680,7 +9690,7 @@ packages:
       debug: 4.3.4(supports-color@5.5.0)
       pathe: 1.1.2
       picocolors: 1.0.0
-      vite: 5.1.3(@types/node@20.11.19)
+      vite: 5.1.4(@types/node@20.11.19)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -9743,7 +9753,7 @@ packages:
       vue-tsc: 1.8.27(typescript@5.3.3)
     dev: true
 
-  /vite-plugin-inspect@0.8.3(@nuxt/kit@3.10.2)(rollup@4.12.0)(vite@5.1.3):
+  /vite-plugin-inspect@0.8.3(@nuxt/kit@3.10.2)(rollup@4.12.0)(vite@5.1.4):
     resolution: {integrity: sha512-SBVzOIdP/kwe6hjkt7LSW4D0+REqqe58AumcnCfRNw4Kt3mbS9pEBkch+nupu2PBxv2tQi69EQHQ1ZA1vgB/Og==}
     engines: {node: '>=14'}
     peerDependencies:
@@ -9763,13 +9773,13 @@ packages:
       perfect-debounce: 1.0.0
       picocolors: 1.0.0
       sirv: 2.0.4
-      vite: 5.1.3(@types/node@20.11.19)
+      vite: 5.1.4(@types/node@20.11.19)
     transitivePeerDependencies:
       - rollup
       - supports-color
     dev: true
 
-  /vite-plugin-vue-inspector@4.0.2(vite@5.1.3):
+  /vite-plugin-vue-inspector@4.0.2(vite@5.1.4):
     resolution: {integrity: sha512-KPvLEuafPG13T7JJuQbSm5PwSxKFnVS965+MP1we2xGw9BPkkc/+LPix5MMWenpKWqtjr0ws8THrR+KuoDC8hg==}
     peerDependencies:
       vite: ^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0
@@ -9783,7 +9793,7 @@ packages:
       '@vue/compiler-dom': 3.4.19
       kolorist: 1.8.0
       magic-string: 0.30.7
-      vite: 5.1.3(@types/node@20.11.19)
+      vite: 5.1.4(@types/node@20.11.19)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -9824,8 +9834,8 @@ packages:
       fsevents: 2.3.3
     dev: true
 
-  /vite@5.1.3(@types/node@20.11.19):
-    resolution: {integrity: sha512-UfmUD36DKkqhi/F75RrxvPpry+9+tTkrXfMNZD+SboZqBCMsxKtO52XeGzzuh7ioz+Eo/SYDBbdb0Z7vgcDJew==}
+  /vite@5.1.4(@types/node@20.11.19):
+    resolution: {integrity: sha512-n+MPqzq+d9nMVTKyewqw6kSt+R3CkvF9QAKY8obiQn8g1fwTscKxyfaYnC632HtBXAQGc1Yjomphwn1dtwGAHg==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
@@ -9874,18 +9884,18 @@ packages:
     dependencies:
       '@docsearch/css': 3.5.2
       '@docsearch/js': 3.5.2(@algolia/client-search@4.22.1)(search-insights@2.13.0)
-      '@shikijs/core': 1.1.5
+      '@shikijs/core': 1.1.6
       '@shikijs/transformers': 1.1.5
       '@types/markdown-it': 13.0.7
-      '@vitejs/plugin-vue': 5.0.4(vite@5.1.3)(vue@3.4.19)
+      '@vitejs/plugin-vue': 5.0.4(vite@5.1.4)(vue@3.4.19)
       '@vue/devtools-api': 7.0.15(vue@3.4.19)
       '@vueuse/core': 10.7.2(vue@3.4.19)
       '@vueuse/integrations': 10.7.2(focus-trap@7.5.4)(vue@3.4.19)
       focus-trap: 7.5.4
       mark.js: 8.11.1
       minisearch: 6.3.0
-      shiki: 1.1.5
-      vite: 5.1.3(@types/node@20.11.19)
+      shiki: 1.1.6
+      vite: 5.1.4(@types/node@20.11.19)
       vue: 3.4.19(typescript@5.3.3)
     transitivePeerDependencies:
       - '@algolia/client-search'
@@ -9960,7 +9970,7 @@ packages:
       strip-literal: 2.0.0
       tinybench: 2.6.0
       tinypool: 0.8.2
-      vite: 5.1.3(@types/node@20.11.19)
+      vite: 5.1.4(@types/node@20.11.19)
       vite-node: 1.3.0(@types/node@20.11.19)
       why-is-node-running: 2.2.2
     transitivePeerDependencies: