From 96a8785189b59ca53007daab166e0239cfbe2a26 Mon Sep 17 00:00:00 2001 From: Anthony Fu Date: Sat, 20 Jan 2024 19:57:51 +0100 Subject: [PATCH] chore: update deps --- docs/package.json | 4 +- package.json | 20 +- packages/twoslash-cdn/package.json | 2 +- packages/twoslash-cdn/playground/package.json | 6 +- .../test/results/renderer/example.raw.html | 145 +++++---- .../test/results/renderer/example.vue.html | 53 ++- pnpm-lock.yaml | 302 +++++++++++------- 7 files changed, 325 insertions(+), 207 deletions(-) diff --git a/docs/package.json b/docs/package.json index 174cb97..68beb43 100644 --- a/docs/package.json +++ b/docs/package.json @@ -12,9 +12,9 @@ "@vueuse/core": "^10.7.2", "floating-vue": "^5.2.0", "fuse.js": "^7.0.0", - "sass": "^1.69.7", + "sass": "^1.70.0", "unocss": "^0.58.3", "vitepress": "^1.0.0-rc.39", - "vue": "^3.4.14" + "vue": "^3.4.15" } } diff --git a/package.json b/package.json index b3b4411..c848f11 100644 --- a/package.json +++ b/package.json @@ -37,9 +37,9 @@ "preact": "^10.19.3", "pretty-format": "^29.7.0", "react": "^18.2.0", - "shikiji": "^0.10.0-beta.6", - "shikiji-transformers": "^0.10.0-beta.6", - "shikiji-twoslash": "^0.10.0-beta.6", + "shikiji": "^0.10.0-beta.9", + "shikiji-transformers": "^0.10.0-beta.9", + "shikiji-twoslash": "^0.10.0-beta.9", "simple-git-hooks": "^2.9.0", "tslib": "^2.6.2", "twoslash": "workspace:*", @@ -48,18 +48,18 @@ "typescript": "^5.3.3", "unbuild": "^2.0.0", "unplugin-vue-components": "^0.26.0", - "vite": "^5.0.11", - "vitepress-plugin-twoslash": "^0.10.0-beta.6", + "vite": "^5.0.12", + "vitepress-plugin-twoslash": "^0.10.0-beta.9", "vitest": "^1.2.1", - "vue": "^3.4.14" + "vue": "^3.4.15" }, "resolutions": { - "shikiji": "^0.10.0-beta.6", - "shikiji-transformers": "^0.10.0-beta.6", - "shikiji-twoslash": "^0.10.0-beta.6", + "shikiji": "^0.10.0-beta.9", + "shikiji-transformers": "^0.10.0-beta.9", + "shikiji-twoslash": "^0.10.0-beta.9", "twoslash": "workspace:*", "twoslash-vue": "workspace:*", - "vitepress-plugin-twoslash": "^0.10.0-beta.6" + "vitepress-plugin-twoslash": "^0.10.0-beta.9" }, "simple-git-hooks": { "pre-commit": "pnpm lint-staged" diff --git a/packages/twoslash-cdn/package.json b/packages/twoslash-cdn/package.json index cef7d16..3e5db67 100644 --- a/packages/twoslash-cdn/package.json +++ b/packages/twoslash-cdn/package.json @@ -58,7 +58,7 @@ "typescript": "^5.3.3", "unbuild": "^2.0.0", "unstorage": "^1.10.1", - "vite": "^5.0.11", + "vite": "^5.0.12", "vitest": "^1.2.1" } } diff --git a/packages/twoslash-cdn/playground/package.json b/packages/twoslash-cdn/playground/package.json index d3817fe..2ed7b42 100644 --- a/packages/twoslash-cdn/playground/package.json +++ b/packages/twoslash-cdn/playground/package.json @@ -9,11 +9,11 @@ "preview": "vite preview" }, "dependencies": { - "shikiji": "^0.10.0-beta.6", - "shikiji-twoslash": "^0.10.0-beta.6" + "shikiji": "^0.10.0-beta.9", + "shikiji-twoslash": "^0.10.0-beta.9" }, "devDependencies": { "idb-keyval": "^6.2.1", - "vite": "^5.0.11" + "vite": "^5.0.12" } } diff --git a/packages/twoslash-vue/test/results/renderer/example.raw.html b/packages/twoslash-vue/test/results/renderer/example.raw.html index 3bcba1d..105e867 100644 --- a/packages/twoslash-vue/test/results/renderer/example.raw.html +++ b/packages/twoslash-vue/test/results/renderer/example.raw.html @@ -4,11 +4,11 @@ 
/* __placeholder__ */
 
-import { function ref<T>(value: T): Ref<UnwrapRef<T>> (+1 overload)
Takes an inner value and returns a reactive and mutable ref object, which
-has a single property `.value` that points to the inner value.
ref, 
const computed: {
+import { function ref<T>(value: T): Ref<UnwrapRef<T>> (+1 overload)
Takes an inner value and returns a reactive and mutable ref object, which
+has a single property `.value` that points to the inner value.
@paramvalue - The object to wrap in the ref.@see{@link https://vuejs.org/api/reactivity-core.html#ref}
ref, 
const computed: {
     <T>(getter: ComputedGetter<T>, debugOptions?: DebuggerOptions | undefined): ComputedRef<T>;
     <T>(options: WritableComputedOptions<T>, debugOptions?: DebuggerOptions | undefined): WritableComputedRef<...>;
-}computed } from 'vue'
+}computed } from 'vue'
                  
 
 
@@ -18,11 +18,11 @@
 
 
 export default await (async () => {
-const { const defineProps: {
+const { const defineProps: {
     <PropNames extends string = string>(props: PropNames[]): { [K in keyof Readonly<{ [key in PropNames]?: any; }>]: Readonly<{ [key in PropNames]?: any; }>[K]; };
     <PP extends ComponentObjectPropsOptions<...> = ComponentObjectPropsOptions<...>>(props: PP): { [K in keyof Readonly<...>]: Readonly<...>[K]; };
     <TypeProps>(): DefineProps<...>;
-}
Vue `<script setup>` compiler macro for declaring component props. The
+}
Vue `<script setup>` compiler macro for declaring component props. The
 expected argument is the same as the component `props` option.
 
 Example runtime declaration:
@@ -46,11 +46,11 @@
   foo?: string
   bar: number
 }>()
-```
defineProps, const defineSlots: <S extends Record<string, any> = Record<string, any>>() => Readonly<S & {}> & SdefineSlots, const defineEmits: {
+```
defineProps, const defineSlots: <S extends Record<string, any> = Record<string, any>>() => Readonly<S & {}> & SdefineSlots, const defineEmits: {
     <EE extends string = string>(emitOptions: EE[]): (event: EE, ...args: any[]) => void;
     <E extends EmitsOptions = EmitsOptions>(emitOptions: E): EmitFn<E, keyof E>;
     <T extends Record<...> | ((...args: any[]) => any)>(): T extends (...args: any[]) => any ? T : UnionToIntersection<...>;
-}
Vue `<script setup>` compiler macro for declaring a component's emitted
+}
Vue `<script setup>` compiler macro for declaring a component's emitted
 events. The expected argument is the same as the component `emits` option.
 
 Example runtime declaration:
@@ -71,7 +71,7 @@
 ```
 
 This is only usable inside `<script setup>`, is compiled away in the
-output and should **not** be actually called at runtime.
defineEmits, const defineExpose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void
Vue `<script setup>` compiler macro for declaring a component's exposed
+output and should **not** be actually called at runtime.
defineEmits, const defineExpose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void
Vue `<script setup>` compiler macro for declaring a component's exposed
 instance properties when it is accessed by a parent component via template
 refs.
 
@@ -80,7 +80,7 @@
 via `defineExpose`.
 
 This is only usable inside `<script setup>`, is compiled away in the
-output and should **not** be actually called at runtime.
defineExpose, const defineModel: {
+output and should **not** be actually called at runtime.
defineExpose, const defineModel: {
     <T, M extends string | number | symbol = string>(options: {
         required: true;
     } & PropOptions<T, T> & DefineModelOptions<T>): ModelRef<T, M>;
@@ -95,7 +95,7 @@
         ...;
     } & ... 1 more ... & DefineModelOptions<...>): ModelRef<...>;
     <T, M extends string | ... 1 more ... | symbol = string>(name: string, options?: (PropOptions<...> & DefineModelOptions<...>) | undefined): ModelRef<...>;
-}
Vue `<script setup>` compiler macro for declaring a
+}
Vue `<script setup>` compiler macro for declaring a
 two-way binding prop that can be consumed via `v-model` from the parent
 component. This will declare a prop with the same name and a corresponding
 `update:propName` event.
@@ -108,11 +108,11 @@
 provided the corresponding v-model props or not:
 - If yes, the returned ref's value will always be in sync with the parent
   prop.
-- If not, the returned ref will behave like a normal local ref.
defineModel, const defineOptions: <RawBindings = {}, D = {}, C extends ComputedOptions = {}, M extends MethodOptions = {}, Mixin extends ComponentOptionsMixin = ComponentOptionsMixin, Extends extends ComponentOptionsMixin = ComponentOptionsMixin>(options?: (ComponentOptionsBase<...> & ... 2 more ... & {
+- If not, the returned ref will behave like a normal local ref.
defineModel, const defineOptions: <RawBindings = {}, D = {}, C extends ComputedOptions = {}, M extends MethodOptions = {}, Mixin extends ComponentOptionsMixin = ComponentOptionsMixin, Extends extends ComponentOptionsMixin = ComponentOptionsMixin>(options?: (ComponentOptionsBase<...> & ... 2 more ... & {
     ...;
-}) | undefined) => void
Vue `<script setup>` compiler macro for declaring a component's additional
+}) | undefined) => void
Vue `<script setup>` compiler macro for declaring a component's additional
 options. This should be used only for options that cannot be expressed via
-Composition API - e.g. `inheritAttrs`.
defineOptions, const withDefaults: <T, BKeys extends keyof T, Defaults extends InferDefaults<T>>(props: DefineProps<T, BKeys>, defaults: Defaults) => PropsWithDefaults<T, Defaults, BKeys>
Vue `<script setup>` compiler macro for providing props default values when
+Composition API - e.g. `inheritAttrs`.
defineOptions, const withDefaults: <T, BKeys extends keyof T, Defaults extends InferDefaults<T>>(props: DefineProps<T, BKeys>, defaults: Defaults) => PropsWithDefaults<T, Defaults, BKeys>
Vue `<script setup>` compiler macro for providing props default values when
 using type-based `defineProps` declaration.
 
 Example usage:
@@ -128,24 +128,45 @@
 
 This is only usable inside `<script setup>`, is compiled away in the output
 and should **not** be actually called at runtime.
withDefaults, } = await import('vue');
-const const count: Ref<number>count = ref<number>(value: number): Ref<number> (+1 overload)
Takes an inner value and returns a reactive and mutable ref object, which
-has a single property `.value` that points to the inner value.
ref(0)
+const const count: Ref<number>count = ref<number>(value: number): Ref<number> (+1 overload)
Takes an inner value and returns a reactive and mutable ref object, which
+has a single property `.value` that points to the inner value.
@paramvalue - The object to wrap in the ref.@see{@link https://vuejs.org/api/reactivity-core.html#ref}
ref(0)
 
-const 
const double: ComputedRef<number>double = computed<number>(getter: ComputedGetter<number>, debugOptions?: DebuggerOptions | undefined): ComputedRef<number> (+1 overload)
Takes a getter function and returns a readonly reactive ref object for the
+const 
const double: ComputedRef<number>double = computed<number>(getter: ComputedGetter<number>, debugOptions?: DebuggerOptions | undefined): ComputedRef<number> (+1 overload)
Takes a getter function and returns a readonly reactive ref object for the
 returned value from the getter. It can also take an object with get and set
-functions to create a writable ref object.
computed(() => const count: Ref<number>count.Ref<number>.value: numbervalue * 2)
+functions to create a writable ref object.
@example```js
+// Creating a readonly computed ref:
+const count = ref(1)
+const plusOne = computed(() => count.value + 1)
+
+console.log(plusOne.value) // 2
+plusOne.value++ // error
+```
+
+```js
+// Creating a writable computed ref:
+const count = ref(1)
+const plusOne = computed({
+  get: () => count.value + 1,
+  set: (val) => {
+    count.value = val - 1
+  }
+})
+
+plusOne.value = 1
+console.log(count.value) // 0
+```@paramgetter - Function that produces the next value.@paramdebugOptions - For debugging. See {@link https://vuejs.org/guide/extras/reactivity-in-depth.html#computed-debugging}.@see{@link https://vuejs.org/api/reactivity-core.html#computed}
computed(() => const count: Ref<number>count.Ref<number>.value: numbervalue * 2)
          
 
 const __VLS_componentsOption = {};
 
-const __VLS_name = 'HelloWorld' as type const = "HelloWorld"const;
+const __VLS_name = 'HelloWorld' as type const = "HelloWorld"const;
 function __VLS_template() {
-let __VLS_ctx!: type InstanceType<T extends abstract new (...args: any) => any> = T extends abstract new (...args: any) => infer R ? R : any
Obtain the return type of a constructor function type
InstanceType<__VLS_PickNotAny<typeof __VLS_internalComponent, new () => {}>> & {
+let __VLS_ctx!: type InstanceType<T extends abstract new (...args: any) => any> = T extends abstract new (...args: any) => infer R ? R : any
Obtain the return type of a constructor function type
InstanceType<__VLS_PickNotAny<typeof __VLS_internalComponent, new () => {}>> & {
 };
 /* Components */
-let __VLS_otherComponents!: type NonNullable<T> = T & {}
Exclude null and undefined from T
NonNullable<typeof __VLS_internalComponent extends { components: Ccomponents: infer function (type parameter) CC } ? function (type parameter) CC : {}> & typeof __VLS_componentsOption;
-let __VLS_own!: __VLS_SelfComponent<typeof __VLS_name, typeof __VLS_internalComponent & (new () => { $slots: {}$slots: typeof __VLS_slots })>;
-let __VLS_localComponents!: typeof __VLS_otherComponents & type Omit<T, K extends string | number | symbol> = { [P in Exclude<keyof T, K>]: T[P]; }
Construct a type with the properties of T except for those in type K.
Omit<typeof __VLS_own, keyof typeof __VLS_otherComponents>;
+let __VLS_otherComponents!: type NonNullable<T> = T & {}
Exclude null and undefined from T
NonNullable<typeof __VLS_internalComponent extends { components: Ccomponents: infer function (type parameter) CC } ? function (type parameter) CC : {}> & typeof __VLS_componentsOption;
+let __VLS_own!: __VLS_SelfComponent<typeof __VLS_name, typeof __VLS_internalComponent & (new () => { $slots: {}$slots: typeof __VLS_slots })>;
+let __VLS_localComponents!: typeof __VLS_otherComponents & type Omit<T, K extends string | number | symbol> = { [P in Exclude<keyof T, K>]: T[P]; }
Construct a type with the properties of T except for those in type K.
Omit<typeof __VLS_own, keyof typeof __VLS_otherComponents>;
 let __VLS_components!: typeof __VLS_localComponents & __VLS_GlobalComponents & typeof __VLS_ctx;
 /* Style Scoped */
 type __VLS_StyleScopedClasses = {};
@@ -154,97 +175,97 @@
 /* CSS variable injection end */
 let __VLS_resolvedLocalAndGlobalComponents!: {}
 ;
-__VLS_intrinsicElements.button: ButtonHTMLAttributes & ReservedPropsbutton;__VLS_intrinsicElements.button: ButtonHTMLAttributes & ReservedPropsbutton;
+__VLS_intrinsicElements.button: ButtonHTMLAttributes & ReservedPropsbutton;__VLS_intrinsicElements.button: ButtonHTMLAttributes & ReservedPropsbutton;
 {
 const __VLS_0 = __VLS_intrinsicElements["button"];
 const __VLS_1 = __VLS_elementAsFunctionalComponent(__VLS_0);
-const __VLS_2 = __VLS_1({ ...{ onClick?: ((payload: MouseEvent) => void) | undefinedonClick: {} as any, }, }, ...__VLS_functionalComponentArgsRest(__VLS_1));
-({} as (props: ButtonHTMLAttributes & ReservedProps & Record<string, unknown>props: __VLS_FunctionalComponentProps<typeof __VLS_0, typeof __VLS_2> & type Record<K extends string | number | symbol, T> = { [P in K]: T; }
Construct a type with a set of properties K of type T
Record<string, unknown>) => void)({ ...{ onClick?: ((payload: MouseEvent) => void) | undefinedonClick: {} as any, }, });
+const __VLS_2 = __VLS_1({ ...{ onClick?: ((payload: MouseEvent) => void) | undefinedonClick: {} as any, }, }, ...__VLS_functionalComponentArgsRest(__VLS_1));
+({} as (props: ButtonHTMLAttributes & ReservedProps & Record<string, unknown>props: __VLS_FunctionalComponentProps<typeof __VLS_0, typeof __VLS_2> & type Record<K extends string | number | symbol, T> = { [P in K]: T; }
Construct a type with a set of properties K of type T
Record<string, unknown>) => void)({ ...{ onClick?: ((payload: MouseEvent) => void) | undefinedonClick: {} as any, }, });
 const __VLS_3 = __VLS_pickFunctionalComponentCtx(__VLS_0, __VLS_2)!;
-let __VLS_4!: __VLS_NormalizeEmits<typeof __VLS_3.emit?: anyemit>;
-let __VLS_5 = { 'click': __VLS_pickEvent(__VLS_4['click'], ({} as __VLS_FunctionalComponentProps<typeof __VLS_1, typeof __VLS_2>).
onClick?: ((payload: MouseEvent) => void) | undefinedonClick) };
-__VLS_5 = { 'click': ((payload: MouseEvent) => void) | undefinedclick: $event: MouseEvent$event => {
-__VLS_ctx.count: numbercount++;
+let __VLS_4!: __VLS_NormalizeEmits<typeof __VLS_3.emit?: anyemit>;
+let __VLS_5 = { 'click': __VLS_pickEvent(__VLS_4['click'], ({} as __VLS_FunctionalComponentProps<typeof __VLS_1, typeof __VLS_2>).
onClick?: ((payload: MouseEvent) => void) | undefinedonClick) };
+__VLS_5 = { 'click': ((payload: MouseEvent) => void) | undefinedclick: $event: MouseEvent$event => {
+__VLS_ctx.count: numbercount++;
 // @ts-ignore
-[const count: Ref<number>count,];
+[const count: Ref<number>count,];
 }
  };
-( __VLS_ctx.msg: stringmsg );
-( __VLS_ctx.count: numbercount );
-(__VLS_3.slots?: anyslots!).anydefault;
+( __VLS_ctx.msg: stringmsg );
+( __VLS_ctx.count: numbercount );
+(__VLS_3.slots?: anyslots!).default;
 }
-if (typeof __VLS_styleScopedClasses === 'object' && !var Array: ArrayConstructorArray.ArrayConstructor.isArray(arg: any): arg is any[]isArray(__VLS_styleScopedClasses)) {
+if (typeof __VLS_styleScopedClasses === 'object' && !var Array: ArrayConstructorArray.ArrayConstructor.isArray(arg: any): arg is any[]isArray(__VLS_styleScopedClasses)) {
 }
 var __VLS_slots!:{
 };
 // @ts-ignore
-[anymsg,const count: Ref<number>count,];
+[msg,const count: Ref<number>count,];
 return __VLS_slots;
 }
-const __VLS_internalComponent = (await import('vue')).function defineComponent<{}, {
+const __VLS_internalComponent = (await import('vue')).function defineComponent<{}, {
     count: Ref<number>;
 }, {
     msg: string;
 }, {}, {
     greet(): void;
-}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string>(options: ComponentOptionsWithoutProps<...>): DefineComponent<...> (+4 overloads)defineComponent({
-ComponentOptionsBase<{}, { count: Ref<number>; }, { msg: string; }, {}, { greet(): void; }, ComponentOptionsMixin, ComponentOptionsMixin, {}, ... 4 more ..., {}>.setup?: ((this: void, props: LooseRequired<{} & {}>, ctx: {
+}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string>(options: ComponentOptionsWithoutProps<...>): DefineComponent<...> (+4 overloads)defineComponent({
+ComponentOptionsBase<{}, { count: Ref<number>; }, { msg: string; }, {}, { greet(): void; }, ComponentOptionsMixin, ComponentOptionsMixin, {}, ... 4 more ..., {}>.setup?: ((this: void, props: LooseRequired<{} & {}>, ctx: {
     attrs: Data;
     slots: Readonly<InternalSlots>;
     emit: (event: string, ...args: any[]) => void;
     expose: (exposed?: Record<...> | undefined) => void;
-}) => void | ... 2 more ... | Promise<...>) | undefinedsetup() {
+}) => void | ... 2 more ... | Promise<...>) | undefinedsetup() {
 return {
-count: Ref<number>count: const count: Ref<number>count as typeof const count: Ref<number>count,
+count: Ref<number>count: const count: Ref<number>count as typeof const count: Ref<number>count,
 };
 },
 
-  ComponentOptionsBase<Props, RawBindings, D, C extends ComputedOptions, M extends MethodOptions, Mixin extends ComponentOptionsMixin, Extends extends ComponentOptionsMixin, E extends EmitsOptions, EE extends string = string, Defaults = {}, I extends ComponentInjectOptions = {}, II extends string = string, S extends SlotsType<...> = {}>.name?: string | undefinedname: 'HelloWorld',
-  LegacyOptions<{}, { msg: string; }, {}, { greet(): void; }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string>.data?: ((this: CreateComponentPublicInstance<...>, vm: CreateComponentPublicInstance<{}, {}, {}, {}, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, {}, {}, false, ... 8 more ..., {}>) => {
+  ComponentOptionsBase<Props, RawBindings, D, C extends ComputedOptions, M extends MethodOptions, Mixin extends ComponentOptionsMixin, Extends extends ComponentOptionsMixin, E extends EmitsOptions, EE extends string = string, Defaults = {}, I extends ComponentInjectOptions = {}, II extends string = string, S extends SlotsType<...> = {}>.name?: string | undefinedname: 'HelloWorld',
+  LegacyOptions<{}, { msg: string; }, {}, { greet(): void; }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string>.data?: ((this: CreateComponentPublicInstance<...>, vm: CreateComponentPublicInstance<{}, {}, {}, {}, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, {}, {}, false, ... 8 more ..., {}>) => {
     ...;
-}) | undefineddata() {
+}) | undefineddata() {
     return {
-      msg: stringmsg: 'Hello!'
+      msg: stringmsg: 'Hello!'
     }
   },
-  LegacyOptions<{}, { msg: string; }, {}, { greet(): void; }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string>.methods?: {
-    greet(): void;
-} | undefinedmethods: {
-    function greet(): voidgreet() {
-      var console: Consoleconsole.Console.log(...data: any[]): void
[MDN Reference](https://developer.mozilla.org/docs/Web/API/console/log)
log(this.msg: stringmsg)
+  LegacyOptions<{}, { msg: string; }, {}, { greet(): void; }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string>.methods?: {
+    greet(): void;
+} | undefinedmethods: {
+    function greet(): voidgreet() {
+      var console: Consoleconsole.Console.log(...data: any[]): void
[MDN Reference](https://developer.mozilla.org/docs/Web/API/console/log)
log(this.msg: stringmsg)
     }
   }
 });
-return (await import('vue')).function defineComponent<{}, {}, {
+return (await import('vue')).function defineComponent<{}, {}, {
     msg: string;
 }, {}, {
     greet(): void;
 }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string>(options: ComponentOptionsWithoutProps<{}, {}, {
     msg: string;
-}, ... 9 more ..., {}>): DefineComponent<...> (+4 overloads)defineComponent({
-ComponentOptionsBase<{}, {}, { msg: string; }, {}, { greet(): void; }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}>.setup?: ((this: void, props: LooseRequired<{} & {}>, ctx: {
+}, ... 9 more ..., {}>): DefineComponent<...> (+4 overloads)defineComponent({
+ComponentOptionsBase<{}, {}, { msg: string; }, {}, { greet(): void; }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}>.setup?: ((this: void, props: LooseRequired<{} & {}>, ctx: {
     attrs: Data;
     slots: Readonly<InternalSlots>;
     emit: (event: string, ...args: any[]) => void;
     expose: (exposed?: Record<...> | undefined) => void;
-}) => void | ... 2 more ... | Promise<...>) | undefinedsetup() {
+}) => void | ... 2 more ... | Promise<...>) | undefinedsetup() {
 return {
 };
 },
 
-  ComponentOptionsBase<Props, RawBindings, D, C extends ComputedOptions, M extends MethodOptions, Mixin extends ComponentOptionsMixin, Extends extends ComponentOptionsMixin, E extends EmitsOptions, EE extends string = string, Defaults = {}, I extends ComponentInjectOptions = {}, II extends string = string, S extends SlotsType<...> = {}>.name?: string | undefinedname: 'HelloWorld',
-  LegacyOptions<{}, { msg: string; }, {}, { greet(): void; }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string>.data?: ((this: CreateComponentPublicInstance<...>, vm: CreateComponentPublicInstance<{}, {}, {}, {}, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, {}, {}, false, ... 8 more ..., {}>) => {
+  ComponentOptionsBase<Props, RawBindings, D, C extends ComputedOptions, M extends MethodOptions, Mixin extends ComponentOptionsMixin, Extends extends ComponentOptionsMixin, E extends EmitsOptions, EE extends string = string, Defaults = {}, I extends ComponentInjectOptions = {}, II extends string = string, S extends SlotsType<...> = {}>.name?: string | undefinedname: 'HelloWorld',
+  LegacyOptions<{}, { msg: string; }, {}, { greet(): void; }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string>.data?: ((this: CreateComponentPublicInstance<...>, vm: CreateComponentPublicInstance<{}, {}, {}, {}, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, {}, {}, false, ... 8 more ..., {}>) => {
     ...;
-}) | undefineddata() {
+}) | undefineddata() {
     return {
-      msg: stringmsg: 'Hello!'
+      msg: stringmsg: 'Hello!'
     }
   },
-  LegacyOptions<{}, { msg: string; }, {}, { greet(): void; }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string>.methods?: {
-    greet(): void;
-} | undefinedmethods: {
-    function greet(): voidgreet() {
-      var console: Consoleconsole.Console.log(...data: any[]): void
[MDN Reference](https://developer.mozilla.org/docs/Web/API/console/log)
log(this.msg: stringmsg)
+  LegacyOptions<{}, { msg: string; }, {}, { greet(): void; }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string>.methods?: {
+    greet(): void;
+} | undefinedmethods: {
+    function greet(): voidgreet() {
+      var console: Consoleconsole.Console.log(...data: any[]): void
[MDN Reference](https://developer.mozilla.org/docs/Web/API/console/log)
log(this.msg: stringmsg)
     }
   }
 });
diff --git a/packages/twoslash-vue/test/results/renderer/example.vue.html b/packages/twoslash-vue/test/results/renderer/example.vue.html
index 6276334..6b271ac 100644
--- a/packages/twoslash-vue/test/results/renderer/example.vue.html
+++ b/packages/twoslash-vue/test/results/renderer/example.vue.html
@@ -3,45 +3,66 @@
 
 
 
<script setup lang="ts">
-import { function ref<T>(value: T): Ref<UnwrapRef<T>> (+1 overload)
Takes an inner value and returns a reactive and mutable ref object, which
-has a single property `.value` that points to the inner value.
ref, 
const computed: {
+import { function ref<T>(value: T): Ref<UnwrapRef<T>> (+1 overload)
Takes an inner value and returns a reactive and mutable ref object, which
+has a single property `.value` that points to the inner value.
@paramvalue - The object to wrap in the ref.@see{@link https://vuejs.org/api/reactivity-core.html#ref}
ref, 
const computed: {
     <T>(getter: ComputedGetter<T>, debugOptions?: DebuggerOptions | undefined): ComputedRef<T>;
     <T>(options: WritableComputedOptions<T>, debugOptions?: DebuggerOptions | undefined): WritableComputedRef<...>;
-}computed } from 'vue'
+}computed } from 'vue'
 
 
 
 
 
-const const count: Ref<number>count = ref<number>(value: number): Ref<number> (+1 overload)
Takes an inner value and returns a reactive and mutable ref object, which
-has a single property `.value` that points to the inner value.
ref(0)
+const const count: Ref<number>count = ref<number>(value: number): Ref<number> (+1 overload)
Takes an inner value and returns a reactive and mutable ref object, which
+has a single property `.value` that points to the inner value.
@paramvalue - The object to wrap in the ref.@see{@link https://vuejs.org/api/reactivity-core.html#ref}
ref(0)
 
-const 
const double: ComputedRef<number>double = computed<number>(getter: ComputedGetter<number>, debugOptions?: DebuggerOptions | undefined): ComputedRef<number> (+1 overload)
Takes a getter function and returns a readonly reactive ref object for the
+const 
const double: ComputedRef<number>double = computed<number>(getter: ComputedGetter<number>, debugOptions?: DebuggerOptions | undefined): ComputedRef<number> (+1 overload)
Takes a getter function and returns a readonly reactive ref object for the
 returned value from the getter. It can also take an object with get and set
-functions to create a writable ref object.
computed(() => const count: Ref<number>count.Ref<number>.value: numbervalue * 2)
+functions to create a writable ref object.
@example```js
+// Creating a readonly computed ref:
+const count = ref(1)
+const plusOne = computed(() => count.value + 1)
+
+console.log(plusOne.value) // 2
+plusOne.value++ // error
+```
+
+```js
+// Creating a writable computed ref:
+const count = ref(1)
+const plusOne = computed({
+  get: () => count.value + 1,
+  set: (val) => {
+    count.value = val - 1
+  }
+})
+
+plusOne.value = 1
+console.log(count.value) // 0
+```@paramgetter - Function that produces the next value.@paramdebugOptions - For debugging. See {@link https://vuejs.org/guide/extras/reactivity-in-depth.html#computed-debugging}.@see{@link https://vuejs.org/api/reactivity-core.html#computed}
computed(() => const count: Ref<number>count.Ref<number>.value: numbervalue * 2)
 </script>
 
 <script>
 export default {
-  ComponentOptionsBase<Props, RawBindings, D, C extends ComputedOptions, M extends MethodOptions, Mixin extends ComponentOptionsMixin, Extends extends ComponentOptionsMixin, E extends EmitsOptions, EE extends string = string, Defaults = {}, I extends ComponentInjectOptions = {}, II extends string = string, S extends SlotsType<...> = {}>.name?: string | undefinedname: 'HelloWorld',
-  LegacyOptions<{}, { msg: string; }, {}, { greet(): void; }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string>.data?: ((this: CreateComponentPublicInstance<...>, vm: CreateComponentPublicInstance<{}, {}, {}, {}, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, {}, {}, false, ... 8 more ..., {}>) => {
+  ComponentOptionsBase<Props, RawBindings, D, C extends ComputedOptions, M extends MethodOptions, Mixin extends ComponentOptionsMixin, Extends extends ComponentOptionsMixin, E extends EmitsOptions, EE extends string = string, Defaults = {}, I extends ComponentInjectOptions = {}, II extends string = string, S extends SlotsType<...> = {}>.name?: string | undefinedname: 'HelloWorld',
+  LegacyOptions<{}, { msg: string; }, {}, { greet(): void; }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string>.data?: ((this: CreateComponentPublicInstance<...>, vm: CreateComponentPublicInstance<{}, {}, {}, {}, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, {}, {}, false, ... 8 more ..., {}>) => {
     ...;
-}) | undefineddata() {
+}) | undefineddata() {
     return {
-      msg: stringmsg: 'Hello!'
+      msg: stringmsg: 'Hello!'
     }
   },
-  LegacyOptions<{}, { msg: string; }, {}, { greet(): void; }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string>.methods?: {
+  LegacyOptions<{}, { msg: string; }, {}, { greet(): void; }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string>.methods?: {
     greet(): void;
-} | undefinedmethods: {
-    function greet(): voidgreet() {
-      var console: Consoleconsole.Console.log(...data: any[]): void
[MDN Reference](https://developer.mozilla.org/docs/Web/API/console/log)
log(this.msg: stringmsg)
+} | undefinedmethods: {
+    function greet(): voidgreet() {
+      var console: Consoleconsole.Console.log(...data: any[]): void
[MDN Reference](https://developer.mozilla.org/docs/Web/API/console/log)
log(this.msg: stringmsg)
     }
   }
 }
 </script>
 
 <template>
-  <button: ButtonHTMLAttributes & ReservedPropsbutton @
onClick?: ((payload: MouseEvent) => void) | undefinedclick="const count: Ref<number>count++">{{ msg: stringmsg }} Count is: {{ const count: Ref<number>count }}</button: ButtonHTMLAttributes & ReservedPropsbutton>
+  <button: ButtonHTMLAttributes & ReservedPropsbutton @
onClick?: ((payload: MouseEvent) => void) | undefinedclick="const count: Ref<number>count++">{{ msg: stringmsg }} Count is: {{ const count: Ref<number>count }}</button: ButtonHTMLAttributes & ReservedPropsbutton>
 </template>
 

\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 455c849..95969d1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -5,12 +5,12 @@ settings:
   excludeLinksFromLockfile: false
 
 overrides:
-  shikiji: ^0.10.0-beta.6
-  shikiji-transformers: ^0.10.0-beta.6
-  shikiji-twoslash: ^0.10.0-beta.6
+  shikiji: ^0.10.0-beta.9
+  shikiji-transformers: ^0.10.0-beta.9
+  shikiji-twoslash: ^0.10.0-beta.9
   twoslash: workspace:*
   twoslash-vue: workspace:*
-  vitepress-plugin-twoslash: ^0.10.0-beta.6
+  vitepress-plugin-twoslash: ^0.10.0-beta.9
 
 importers:
 
@@ -45,7 +45,7 @@ importers:
         version: 1.2.1(vitest@1.2.1)
       '@vueuse/core':
         specifier: ^10.7.2
-        version: 10.7.2(vue@3.4.14)
+        version: 10.7.2(vue@3.4.15)
       bumpp:
         specifier: ^9.3.0
         version: 9.3.0
@@ -80,14 +80,14 @@ importers:
         specifier: ^18.2.0
         version: 18.2.0
       shikiji:
-        specifier: ^0.10.0-beta.6
-        version: 0.10.0-beta.6
+        specifier: ^0.10.0-beta.9
+        version: 0.10.0-beta.9
       shikiji-transformers:
-        specifier: ^0.10.0-beta.6
-        version: 0.10.0-beta.6
+        specifier: ^0.10.0-beta.9
+        version: 0.10.0-beta.9
       shikiji-twoslash:
-        specifier: ^0.10.0-beta.6
-        version: 0.10.0-beta.6
+        specifier: ^0.10.0-beta.9
+        version: 0.10.0-beta.9
       simple-git-hooks:
         specifier: ^2.9.0
         version: 2.9.0
@@ -111,19 +111,19 @@ importers:
         version: 2.0.0(typescript@5.3.3)
       unplugin-vue-components:
         specifier: ^0.26.0
-        version: 0.26.0(rollup@3.29.4)(vue@3.4.14)
+        version: 0.26.0(rollup@3.29.4)(vue@3.4.15)
       vite:
-        specifier: ^5.0.11
-        version: 5.0.11(@types/node@20.11.5)(sass@1.69.7)
+        specifier: ^5.0.12
+        version: 5.0.12(@types/node@20.11.5)(sass@1.70.0)
       vitepress-plugin-twoslash:
-        specifier: ^0.10.0-beta.6
-        version: 0.10.0-beta.6(typescript@5.3.3)
+        specifier: ^0.10.0-beta.9
+        version: 0.10.0-beta.9(typescript@5.3.3)
       vitest:
         specifier: ^1.2.1
         version: 1.2.1(@types/node@20.11.5)
       vue:
-        specifier: ^3.4.14
-        version: 3.4.14(typescript@5.3.3)
+        specifier: ^3.4.15
+        version: 3.4.15(typescript@5.3.3)
 
   docs:
     dependencies:
@@ -132,25 +132,25 @@ importers:
         version: 0.58.3
       '@vueuse/core':
         specifier: ^10.7.2
-        version: 10.7.2(vue@3.4.14)
+        version: 10.7.2(vue@3.4.15)
       floating-vue:
         specifier: ^5.2.0
-        version: 5.2.0(vue@3.4.14)
+        version: 5.2.0(vue@3.4.15)
       fuse.js:
         specifier: ^7.0.0
         version: 7.0.0
       sass:
-        specifier: ^1.69.7
-        version: 1.69.7
+        specifier: ^1.70.0
+        version: 1.70.0
       unocss:
         specifier: ^0.58.3
-        version: 0.58.3(postcss@8.4.33)(rollup@3.29.4)(vite@5.0.11)
+        version: 0.58.3(postcss@8.4.33)(rollup@3.29.4)(vite@5.0.12)
       vitepress:
         specifier: ^1.0.0-rc.39
-        version: 1.0.0-rc.39(@algolia/client-search@4.22.1)(@types/node@20.11.5)(@types/react@18.2.48)(fuse.js@7.0.0)(postcss@8.4.33)(react@18.2.0)(sass@1.69.7)(search-insights@2.13.0)(typescript@5.3.3)
+        version: 1.0.0-rc.39(@algolia/client-search@4.22.1)(@types/node@20.11.5)(@types/react@18.2.48)(fuse.js@7.0.0)(postcss@8.4.33)(react@18.2.0)(sass@1.70.0)(search-insights@2.13.0)(typescript@5.3.3)
       vue:
-        specifier: ^3.4.14
-        version: 3.4.14(typescript@5.3.3)
+        specifier: ^3.4.15
+        version: 3.4.15(typescript@5.3.3)
 
   packages/twoslash:
     dependencies:
@@ -190,8 +190,8 @@ importers:
         specifier: ^1.10.1
         version: 1.10.1
       vite:
-        specifier: ^5.0.11
-        version: 5.0.11(@types/node@20.11.5)(sass@1.69.7)
+        specifier: ^5.0.12
+        version: 5.0.12(@types/node@20.11.5)(sass@1.70.0)
       vitest:
         specifier: ^1.2.1
         version: 1.2.1(@types/node@20.11.5)
@@ -1908,7 +1908,7 @@ packages:
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
     dev: true
 
-  /@unocss/astro@0.58.3(rollup@3.29.4)(vite@5.0.11):
+  /@unocss/astro@0.58.3(rollup@3.29.4)(vite@5.0.12):
     resolution: {integrity: sha512-qJL+XkWYJhEIX4AmOtbfb2Zu4holTDpRscfvVci4T+2VWjyE3mgtsyNzi9ZChe/hdEPRa7g26gSpNQeMhjh/Kw==}
     peerDependencies:
       vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0 || ^5.0.0-0
@@ -1918,8 +1918,8 @@ packages:
     dependencies:
       '@unocss/core': 0.58.3
       '@unocss/reset': 0.58.3
-      '@unocss/vite': 0.58.3(rollup@3.29.4)(vite@5.0.11)
-      vite: 5.0.11(@types/node@20.11.5)(sass@1.69.7)
+      '@unocss/vite': 0.58.3(rollup@3.29.4)(vite@5.0.12)
+      vite: 5.0.12(@types/node@20.11.5)(sass@1.70.0)
     transitivePeerDependencies:
       - rollup
     dev: false
@@ -2102,7 +2102,7 @@ packages:
       '@unocss/core': 0.58.3
     dev: false
 
-  /@unocss/vite@0.58.3(rollup@3.29.4)(vite@5.0.11):
+  /@unocss/vite@0.58.3(rollup@3.29.4)(vite@5.0.12):
     resolution: {integrity: sha512-gmB2//z7lDEK7Bw5HbHTSQ3abOM0iveAY/W3L3FFXpvduoxMQyuI5dDk0hOCtzhAWeJoynnVN4MBGVmXM4Y/Mg==}
     peerDependencies:
       vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0 || ^5.0.0-0
@@ -2117,20 +2117,20 @@ packages:
       chokidar: 3.5.3
       fast-glob: 3.3.2
       magic-string: 0.30.5
-      vite: 5.0.11(@types/node@20.11.5)(sass@1.69.7)
+      vite: 5.0.12(@types/node@20.11.5)(sass@1.70.0)
     transitivePeerDependencies:
       - rollup
     dev: false
 
-  /@vitejs/plugin-vue@5.0.3(vite@5.0.11)(vue@3.4.14):
+  /@vitejs/plugin-vue@5.0.3(vite@5.0.11)(vue@3.4.15):
     resolution: {integrity: sha512-b8S5dVS40rgHdDrw+DQi/xOM9ed+kSRZzfm1T74bMmBDCd8XO87NKlFYInzCtwvtWwXZvo1QxE2OSspTATWrbA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     peerDependencies:
       vite: ^5.0.0
       vue: ^3.2.25
     dependencies:
-      vite: 5.0.11(@types/node@20.11.5)(sass@1.69.7)
-      vue: 3.4.14(typescript@5.3.3)
+      vite: 5.0.11(@types/node@20.11.5)(sass@1.70.0)
+      vue: 3.4.15(typescript@5.3.3)
     dev: false
 
   /@vitest/coverage-v8@1.2.1(vitest@1.2.1):
@@ -2216,12 +2216,27 @@ packages:
       estree-walker: 2.0.2
       source-map-js: 1.0.2
 
+  /@vue/compiler-core@3.4.15:
+    resolution: {integrity: sha512-XcJQVOaxTKCnth1vCxEChteGuwG6wqnUHxAm1DO3gCz0+uXKaJNx8/digSz4dLALCy8n2lKq24jSUs8segoqIw==}
+    dependencies:
+      '@babel/parser': 7.23.6
+      '@vue/shared': 3.4.15
+      entities: 4.5.0
+      estree-walker: 2.0.2
+      source-map-js: 1.0.2
+
   /@vue/compiler-dom@3.4.14:
     resolution: {integrity: sha512-nOZTY+veWNa0DKAceNWxorAbWm0INHdQq7cejFaWM1WYnoNSJbSEKYtE7Ir6lR/+mo9fttZpPVI9ZFGJ1juUEQ==}
     dependencies:
       '@vue/compiler-core': 3.4.14
       '@vue/shared': 3.4.14
 
+  /@vue/compiler-dom@3.4.15:
+    resolution: {integrity: sha512-wox0aasVV74zoXyblarOM3AZQz/Z+OunYcIHe1OsGclCHt8RsRm04DObjefaI82u6XDzv+qGWZ24tIsRAIi5MQ==}
+    dependencies:
+      '@vue/compiler-core': 3.4.15
+      '@vue/shared': 3.4.15
+
   /@vue/compiler-sfc@3.4.14:
     resolution: {integrity: sha512-1vHc9Kv1jV+YBZC/RJxQJ9JCxildTI+qrhtDh6tPkR1O8S+olBUekimY0km0ZNn8nG1wjtFAe9XHij+YLR8cRQ==}
     dependencies:
@@ -2234,12 +2249,33 @@ packages:
       magic-string: 0.30.5
       postcss: 8.4.33
       source-map-js: 1.0.2
+    dev: true
+
+  /@vue/compiler-sfc@3.4.15:
+    resolution: {integrity: sha512-LCn5M6QpkpFsh3GQvs2mJUOAlBQcCco8D60Bcqmf3O3w5a+KWS5GvYbrrJBkgvL1BDnTp+e8q0lXCLgHhKguBA==}
+    dependencies:
+      '@babel/parser': 7.23.6
+      '@vue/compiler-core': 3.4.15
+      '@vue/compiler-dom': 3.4.15
+      '@vue/compiler-ssr': 3.4.15
+      '@vue/shared': 3.4.15
+      estree-walker: 2.0.2
+      magic-string: 0.30.5
+      postcss: 8.4.33
+      source-map-js: 1.0.2
 
   /@vue/compiler-ssr@3.4.14:
     resolution: {integrity: sha512-bXT6+oAGlFjTYVOTtFJ4l4Jab1wjsC0cfSfOe2B4Z0N2vD2zOBSQ9w694RsCfhjk+bC2DY5Gubb1rHZVii107Q==}
     dependencies:
       '@vue/compiler-dom': 3.4.14
       '@vue/shared': 3.4.14
+    dev: true
+
+  /@vue/compiler-ssr@3.4.15:
+    resolution: {integrity: sha512-1jdeQyiGznr8gjFDadVmOJqZiLNSsMa5ZgqavkPZ8O2wjHv0tVuAEsw5hTdUoUW4232vpBbL/wJhzVW/JwY1Uw==}
+    dependencies:
+      '@vue/compiler-dom': 3.4.15
+      '@vue/shared': 3.4.15
 
   /@vue/devtools-api@6.5.1:
     resolution: {integrity: sha512-+KpckaAQyfbvshdDW5xQylLni1asvNSGme1JFs8I1+/H5pHEhqUKMEQD/qn3Nx5+/nycBq11qAEi8lk+LXI2dA==}
@@ -2265,48 +2301,51 @@ packages:
       vue-template-compiler: 2.7.16
     dev: false
 
-  /@vue/reactivity@3.4.14:
-    resolution: {integrity: sha512-xRYwze5Q4tK7tT2J4uy4XLhK/AIXdU5EBUu9PLnIHcOKXO0uyXpNNMzlQKuq7B+zwtq6K2wuUL39pHA6ZQzObw==}
+  /@vue/reactivity@3.4.15:
+    resolution: {integrity: sha512-55yJh2bsff20K5O84MxSvXKPHHt17I2EomHznvFiJCAZpJTNW8IuLj1xZWMLELRhBK3kkFV/1ErZGHJfah7i7w==}
     dependencies:
-      '@vue/shared': 3.4.14
+      '@vue/shared': 3.4.15
 
-  /@vue/runtime-core@3.4.14:
-    resolution: {integrity: sha512-qu+NMkfujCoZL6cfqK5NOfxgXJROSlP2ZPs4CTcVR+mLrwl4TtycF5Tgo0QupkdBL+2kigc6EsJlTcuuZC1NaQ==}
+  /@vue/runtime-core@3.4.15:
+    resolution: {integrity: sha512-6E3by5m6v1AkW0McCeAyhHTw+3y17YCOKG0U0HDKDscV4Hs0kgNT5G+GCHak16jKgcCDHpI9xe5NKb8sdLCLdw==}
     dependencies:
-      '@vue/reactivity': 3.4.14
-      '@vue/shared': 3.4.14
+      '@vue/reactivity': 3.4.15
+      '@vue/shared': 3.4.15
 
-  /@vue/runtime-dom@3.4.14:
-    resolution: {integrity: sha512-B85XmcR4E7XsirEHVqhmy4HPbRT9WLFWV9Uhie3OapV9m1MEN9+Er6hmUIE6d8/l2sUygpK9RstFM2bmHEUigA==}
+  /@vue/runtime-dom@3.4.15:
+    resolution: {integrity: sha512-EVW8D6vfFVq3V/yDKNPBFkZKGMFSvZrUQmx196o/v2tHKdwWdiZjYUBS+0Ez3+ohRyF8Njwy/6FH5gYJ75liUw==}
     dependencies:
-      '@vue/runtime-core': 3.4.14
-      '@vue/shared': 3.4.14
+      '@vue/runtime-core': 3.4.15
+      '@vue/shared': 3.4.15
       csstype: 3.1.3
 
-  /@vue/server-renderer@3.4.14(vue@3.4.14):
-    resolution: {integrity: sha512-pwSKXQfYdJBTpvWHGEYI+akDE18TXAiLcGn+Q/2Fj8wQSHWztoo7PSvfMNqu6NDhp309QXXbPFEGCU5p85HqkA==}
+  /@vue/server-renderer@3.4.15(vue@3.4.15):
+    resolution: {integrity: sha512-3HYzaidu9cHjrT+qGUuDhFYvF/j643bHC6uUN9BgM11DVy+pM6ATsG6uPBLnkwOgs7BpJABReLmpL3ZPAsUaqw==}
     peerDependencies:
-      vue: 3.4.14
+      vue: 3.4.15
     dependencies:
-      '@vue/compiler-ssr': 3.4.14
-      '@vue/shared': 3.4.14
-      vue: 3.4.14(typescript@5.3.3)
+      '@vue/compiler-ssr': 3.4.15
+      '@vue/shared': 3.4.15
+      vue: 3.4.15(typescript@5.3.3)
 
   /@vue/shared@3.4.14:
     resolution: {integrity: sha512-nmi3BtLpvqXAWoRZ6HQ+pFJOHBU4UnH3vD3opgmwXac7vhaHKA9nj1VeGjMggdB9eLtW83eHyPCmOU1qzdsC7Q==}
 
-  /@vueuse/core@10.7.2(vue@3.4.14):
+  /@vue/shared@3.4.15:
+    resolution: {integrity: sha512-KzfPTxVaWfB+eGcGdbSf4CWdaXcGDqckoeXUh7SB3fZdEtzPCK2Vq9B/lRRL3yutax/LWITz+SwvgyOxz5V75g==}
+
+  /@vueuse/core@10.7.2(vue@3.4.15):
     resolution: {integrity: sha512-AOyAL2rK0By62Hm+iqQn6Rbu8bfmbgaIMXcE3TSr7BdQ42wnSFlwIdPjInO62onYsEMK/yDMU8C6oGfDAtZ2qQ==}
     dependencies:
       '@types/web-bluetooth': 0.0.20
       '@vueuse/metadata': 10.7.2
-      '@vueuse/shared': 10.7.2(vue@3.4.14)
-      vue-demi: 0.14.6(vue@3.4.14)
+      '@vueuse/shared': 10.7.2(vue@3.4.15)
+      vue-demi: 0.14.6(vue@3.4.15)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
 
-  /@vueuse/integrations@10.7.2(focus-trap@7.5.4)(fuse.js@7.0.0)(vue@3.4.14):
+  /@vueuse/integrations@10.7.2(focus-trap@7.5.4)(fuse.js@7.0.0)(vue@3.4.15):
     resolution: {integrity: sha512-+u3RLPFedjASs5EKPc69Ge49WNgqeMfSxFn+qrQTzblPXZg6+EFzhjarS5edj2qAf6xQ93f95TUxRwKStXj/sQ==}
     peerDependencies:
       async-validator: '*'
@@ -2347,11 +2386,11 @@ packages:
       universal-cookie:
         optional: true
     dependencies:
-      '@vueuse/core': 10.7.2(vue@3.4.14)
-      '@vueuse/shared': 10.7.2(vue@3.4.14)
+      '@vueuse/core': 10.7.2(vue@3.4.15)
+      '@vueuse/shared': 10.7.2(vue@3.4.15)
       focus-trap: 7.5.4
       fuse.js: 7.0.0
-      vue-demi: 0.14.6(vue@3.4.14)
+      vue-demi: 0.14.6(vue@3.4.15)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -2360,10 +2399,10 @@ packages:
   /@vueuse/metadata@10.7.2:
     resolution: {integrity: sha512-kCWPb4J2KGrwLtn1eJwaJD742u1k5h6v/St5wFe8Quih90+k2a0JP8BS4Zp34XUuJqS2AxFYMb1wjUL8HfhWsQ==}
 
-  /@vueuse/shared@10.7.2(vue@3.4.14):
+  /@vueuse/shared@10.7.2(vue@3.4.15):
     resolution: {integrity: sha512-qFbXoxS44pi2FkgFjPvF4h7c9oMDutpyBdcJdMYIMg9XyXli2meFMuaKn+UMgsClo//Th6+beeCgqweT/79BVA==}
     dependencies:
-      vue-demi: 0.14.6(vue@3.4.14)
+      vue-demi: 0.14.6(vue@3.4.15)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -3699,7 +3738,7 @@ packages:
     resolution: {integrity: sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==}
     dev: true
 
-  /floating-vue@5.2.0(vue@3.4.14):
+  /floating-vue@5.2.0(vue@3.4.15):
     resolution: {integrity: sha512-CeApC0dUU8Mye6mjH3ZB7FXoUjIRduNuz8QW4nj3ZUweaFqv7PwxfN9klTuRQe9MeZXxbIHJHBTNl9t/bv+SUA==}
     peerDependencies:
       '@nuxt/kit': ^3.2.0
@@ -3709,8 +3748,8 @@ packages:
         optional: true
     dependencies:
       '@floating-ui/dom': 1.1.1
-      vue: 3.4.14(typescript@5.3.3)
-      vue-resize: 2.0.0-alpha.1(vue@3.4.14)
+      vue: 3.4.15(typescript@5.3.3)
+      vue-resize: 2.0.0-alpha.1(vue@3.4.15)
 
   /focus-trap@7.5.4:
     resolution: {integrity: sha512-N7kHdlgsO/v+iD/dMoJKtsSqs5Dz/dXZVebRgJw23LDk+jMi/974zyiOYDziY2JPp8xivq9BmUGwIJMiuSBi7w==}
@@ -5721,8 +5760,8 @@ packages:
     dependencies:
       queue-microtask: 1.2.3
 
-  /sass@1.69.7:
-    resolution: {integrity: sha512-rzj2soDeZ8wtE2egyLXgOOHQvaC2iosZrkF6v3EUG+tBwEvhqUCzm0VP3k9gHF9LXbSrRhT5SksoI56Iw8NPnQ==}
+  /sass@1.70.0:
+    resolution: {integrity: sha512-uUxNQ3zAHeAx5nRFskBnrWzDUJrrvpCPD5FNAoRvTi0WwremlheES3tg+56PaVtCs5QDRX5CBLxxKMDJMEa1WQ==}
     engines: {node: '>=14.0.0'}
     hasBin: true
     dependencies:
@@ -5765,29 +5804,29 @@ packages:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
 
-  /shikiji-core@0.10.0-beta.6:
-    resolution: {integrity: sha512-S1bsF50V5e1FlHnHYh++iNI2rJu5amjbDXCed3H2QtV5wbWWOF9F/aBPKDSmXCL0RSRO+E2y2F0HbsAT0S+Y5w==}
+  /shikiji-core@0.10.0-beta.9:
+    resolution: {integrity: sha512-7dgwTyN9PeKyc4KJeyKo/qW8gi8XbR//c1CO+0B5GaeozWexNTpEL/tSohyIKkj0Z+7spfm2REmAaS39NlC4Lw==}
 
   /shikiji-core@0.9.19:
     resolution: {integrity: sha512-AFJu/vcNT21t0e6YrfadZ+9q86gvPum6iywRyt1OtIPjPFe25RQnYJyxHQPMLKCCWA992TPxmEmbNcOZCAJclw==}
     dev: false
 
-  /shikiji-transformers@0.10.0-beta.6:
-    resolution: {integrity: sha512-/ZBreMyHPrm9PyG78w8Jjvq+clK8cRlpm31ooWQYC40z+uf4nyNhZl/QxrjniRnTYl3QjTmIxsLGoR9NsMPXNg==}
+  /shikiji-transformers@0.10.0-beta.9:
+    resolution: {integrity: sha512-giqkVspbFtl7wwX1k/wcz+MKEHFlfEAxAkk+d7hU3XfPeLf38TTbTH0zEzr2cPfCZNnL6AN1uRkMnbDchjhKMw==}
     dependencies:
-      shikiji: 0.10.0-beta.6
+      shikiji: 0.10.0-beta.9
 
-  /shikiji-twoslash@0.10.0-beta.6:
-    resolution: {integrity: sha512-6gXod3EYqiS7c2cNjBk/F3j/t2WVkXXH3W3CpXc2M9l6Fe5uMH6lGQwWPLBUlYnHRhK/lDFtZ49budI0+MSuCQ==}
+  /shikiji-twoslash@0.10.0-beta.9:
+    resolution: {integrity: sha512-VZNysft2sky0I5p4xCwoJ4BN1VxtRrY+aBu20hYGbX5IetUZl0jDFtdpNC32GUUhOddx/gy0X/fSCoomv0FE2Q==}
     dependencies:
-      shikiji-core: 0.10.0-beta.6
+      shikiji-core: 0.10.0-beta.9
       twoslash: link:packages/twoslash
     dev: true
 
-  /shikiji@0.10.0-beta.6:
-    resolution: {integrity: sha512-q88RakQoR31jhD6WDNIvJYJtEx4XMnV6KbIiSZDyhFB7uBerEiqzuWwwFkPaSSE49EWRs3pJUAr81aTWdBDatg==}
+  /shikiji@0.10.0-beta.9:
+    resolution: {integrity: sha512-I+sv642n9M7/FK/dVcXp9vMv7v5Wa8gU2UuKwkIWKQFvyo+qKB8eV1zNNtRYas+jC7BLwdAaflc5BFUozAonFQ==}
     dependencies:
-      shikiji-core: 0.10.0-beta.6
+      shikiji-core: 0.10.0-beta.9
 
   /siginfo@2.0.0:
     resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
@@ -6252,7 +6291,7 @@ packages:
     engines: {node: '>= 10.0.0'}
     dev: true
 
-  /unocss@0.58.3(postcss@8.4.33)(rollup@3.29.4)(vite@5.0.11):
+  /unocss@0.58.3(postcss@8.4.33)(rollup@3.29.4)(vite@5.0.12):
     resolution: {integrity: sha512-2rnvghfiIDRQ2cOrmN4P7J7xV2p3yBK+bPAt1aoUxCXcszkLczAnQzh9c7IZ+p70kSVstK45cJTYV6TMzOLF7Q==}
     engines: {node: '>=14'}
     peerDependencies:
@@ -6264,7 +6303,7 @@ packages:
       vite:
         optional: true
     dependencies:
-      '@unocss/astro': 0.58.3(rollup@3.29.4)(vite@5.0.11)
+      '@unocss/astro': 0.58.3(rollup@3.29.4)(vite@5.0.12)
       '@unocss/cli': 0.58.3(rollup@3.29.4)
       '@unocss/core': 0.58.3
       '@unocss/extractor-arbitrary-variants': 0.58.3
@@ -6283,15 +6322,15 @@ packages:
       '@unocss/transformer-compile-class': 0.58.3
       '@unocss/transformer-directives': 0.58.3
       '@unocss/transformer-variant-group': 0.58.3
-      '@unocss/vite': 0.58.3(rollup@3.29.4)(vite@5.0.11)
-      vite: 5.0.11(@types/node@20.11.5)(sass@1.69.7)
+      '@unocss/vite': 0.58.3(rollup@3.29.4)(vite@5.0.12)
+      vite: 5.0.12(@types/node@20.11.5)(sass@1.70.0)
     transitivePeerDependencies:
       - postcss
       - rollup
       - supports-color
     dev: false
 
-  /unplugin-vue-components@0.26.0(rollup@3.29.4)(vue@3.4.14):
+  /unplugin-vue-components@0.26.0(rollup@3.29.4)(vue@3.4.15):
     resolution: {integrity: sha512-s7IdPDlnOvPamjunVxw8kNgKNK8A5KM1YpK5j/p97jEKTjlPNrA0nZBiSfAKKlK1gWZuyWXlKL5dk3EDw874LQ==}
     engines: {node: '>=14'}
     peerDependencies:
@@ -6314,7 +6353,7 @@ packages:
       minimatch: 9.0.3
       resolve: 1.22.8
       unplugin: 1.6.0
-      vue: 3.4.14(typescript@5.3.3)
+      vue: 3.4.15(typescript@5.3.3)
     transitivePeerDependencies:
       - rollup
       - supports-color
@@ -6473,7 +6512,7 @@ packages:
       debug: 4.3.4
       pathe: 1.1.2
       picocolors: 1.0.0
-      vite: 5.0.11(@types/node@20.11.5)(sass@1.69.7)
+      vite: 5.0.12(@types/node@20.11.5)(sass@1.70.0)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -6485,7 +6524,7 @@ packages:
       - terser
     dev: true
 
-  /vite@5.0.11(@types/node@20.11.5)(sass@1.69.7):
+  /vite@5.0.11(@types/node@20.11.5)(sass@1.70.0):
     resolution: {integrity: sha512-XBMnDjZcNAw/G1gEiskiM1v6yzM4GE5aMGvhWTlHAYYhxb7S3/V1s3m2LDHa8Vh6yIWYYB0iJwsEaS523c4oYA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
@@ -6517,28 +6556,65 @@ packages:
       esbuild: 0.19.11
       postcss: 8.4.33
       rollup: 4.9.4
-      sass: 1.69.7
+      sass: 1.70.0
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: false
+
+  /vite@5.0.12(@types/node@20.11.5)(sass@1.70.0):
+    resolution: {integrity: sha512-4hsnEkG3q0N4Tzf1+t6NdN9dg/L3BM+q8SWgbSPnJvrgH2kgdyzfVJwbR1ic69/4uMJJ/3dqDZZE5/WwqW8U1w==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || >=20.0.0
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      '@types/node': 20.11.5
+      esbuild: 0.19.11
+      postcss: 8.4.33
+      rollup: 4.9.4
+      sass: 1.70.0
     optionalDependencies:
       fsevents: 2.3.3
 
-  /vitepress-plugin-twoslash@0.10.0-beta.6(typescript@5.3.3):
-    resolution: {integrity: sha512-ZfkQR1Y6kZm/PrjXP3QwlkI1YQyz35V2c0tsII+zQY3maq+EQ3MTxYGZBYT1pAC6yEwrQcJ/XgQba7Dc4CVeJg==}
+  /vitepress-plugin-twoslash@0.10.0-beta.9(typescript@5.3.3):
+    resolution: {integrity: sha512-2KaE8QRaXQCR0KD4TChqwRAOEeax5QCTiMiM/h/uCCQKRcXzevSPackkcz5Rwwxv1djXhL6hJCU2n2cg4OZ8dg==}
     dependencies:
-      floating-vue: 5.2.0(vue@3.4.14)
+      floating-vue: 5.2.0(vue@3.4.15)
       mdast-util-from-markdown: 2.0.0
       mdast-util-gfm: 3.0.0
       mdast-util-to-hast: 13.1.0
-      shikiji: 0.10.0-beta.6
-      shikiji-twoslash: 0.10.0-beta.6
+      shikiji: 0.10.0-beta.9
+      shikiji-twoslash: 0.10.0-beta.9
       twoslash-vue: link:packages/twoslash-vue
-      vue: 3.4.14(typescript@5.3.3)
+      vue: 3.4.15(typescript@5.3.3)
     transitivePeerDependencies:
       - '@nuxt/kit'
       - supports-color
       - typescript
     dev: true
 
-  /vitepress@1.0.0-rc.39(@algolia/client-search@4.22.1)(@types/node@20.11.5)(@types/react@18.2.48)(fuse.js@7.0.0)(postcss@8.4.33)(react@18.2.0)(sass@1.69.7)(search-insights@2.13.0)(typescript@5.3.3):
+  /vitepress@1.0.0-rc.39(@algolia/client-search@4.22.1)(@types/node@20.11.5)(@types/react@18.2.48)(fuse.js@7.0.0)(postcss@8.4.33)(react@18.2.0)(sass@1.70.0)(search-insights@2.13.0)(typescript@5.3.3):
     resolution: {integrity: sha512-EcgoRlAAp37WOxUOYv45oxyhLrcy3Upey+mKpqW3ldsg6Ol4trPndRBk2GO0QiSvEKlb9BMerk49D/bFICN6kg==}
     hasBin: true
     peerDependencies:
@@ -6553,19 +6629,19 @@ packages:
       '@docsearch/css': 3.5.2
       '@docsearch/js': 3.5.2(@algolia/client-search@4.22.1)(@types/react@18.2.48)(react@18.2.0)(search-insights@2.13.0)
       '@types/markdown-it': 13.0.7
-      '@vitejs/plugin-vue': 5.0.3(vite@5.0.11)(vue@3.4.14)
+      '@vitejs/plugin-vue': 5.0.3(vite@5.0.11)(vue@3.4.15)
       '@vue/devtools-api': 6.5.1
-      '@vueuse/core': 10.7.2(vue@3.4.14)
-      '@vueuse/integrations': 10.7.2(focus-trap@7.5.4)(fuse.js@7.0.0)(vue@3.4.14)
+      '@vueuse/core': 10.7.2(vue@3.4.15)
+      '@vueuse/integrations': 10.7.2(focus-trap@7.5.4)(fuse.js@7.0.0)(vue@3.4.15)
       focus-trap: 7.5.4
       mark.js: 8.11.1
       minisearch: 6.3.0
       postcss: 8.4.33
-      shikiji: 0.10.0-beta.6
+      shikiji: 0.10.0-beta.9
       shikiji-core: 0.9.19
-      shikiji-transformers: 0.10.0-beta.6
-      vite: 5.0.11(@types/node@20.11.5)(sass@1.69.7)
-      vue: 3.4.14(typescript@5.3.3)
+      shikiji-transformers: 0.10.0-beta.9
+      vite: 5.0.11(@types/node@20.11.5)(sass@1.70.0)
+      vue: 3.4.15(typescript@5.3.3)
     transitivePeerDependencies:
       - '@algolia/client-search'
       - '@types/node'
@@ -6638,7 +6714,7 @@ packages:
       strip-literal: 1.3.0
       tinybench: 2.5.1
       tinypool: 0.8.1
-      vite: 5.0.11(@types/node@20.11.5)(sass@1.69.7)
+      vite: 5.0.12(@types/node@20.11.5)(sass@1.70.0)
       vite-node: 1.2.1(@types/node@20.11.5)
       why-is-node-running: 2.2.2
     transitivePeerDependencies:
@@ -6651,7 +6727,7 @@ packages:
       - terser
     dev: true
 
-  /vue-demi@0.14.6(vue@3.4.14):
+  /vue-demi@0.14.6(vue@3.4.15):
     resolution: {integrity: sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==}
     engines: {node: '>=12'}
     hasBin: true
@@ -6663,7 +6739,7 @@ packages:
       '@vue/composition-api':
         optional: true
     dependencies:
-      vue: 3.4.14(typescript@5.3.3)
+      vue: 3.4.15(typescript@5.3.3)
 
   /vue-eslint-parser@9.4.0(eslint@8.56.0):
     resolution: {integrity: sha512-7KsNBb6gHFA75BtneJsoK/dbZ281whUIwFYdQxA68QrCrGMXYzUMbPDHGcOQ0OocIVKrWSKWXZ4mL7tonCXoUw==}
@@ -6683,12 +6759,12 @@ packages:
       - supports-color
     dev: true
 
-  /vue-resize@2.0.0-alpha.1(vue@3.4.14):
+  /vue-resize@2.0.0-alpha.1(vue@3.4.15):
     resolution: {integrity: sha512-7+iqOueLU7uc9NrMfrzbG8hwMqchfVfSzpVlCMeJQe4pyibqyoifDNbKTZvwxZKDvGkB+PdFeKvnGZMoEb8esg==}
     peerDependencies:
       vue: ^3.0.0
     dependencies:
-      vue: 3.4.14(typescript@5.3.3)
+      vue: 3.4.15(typescript@5.3.3)
 
   /vue-template-compiler@2.7.16:
     resolution: {integrity: sha512-AYbUWAJHLGGQM7+cNTELw+KsOG9nl2CnSv467WobS5Cv9uk3wFcnr1Etsz2sEIHEZvw1U+o9mRlEO6QbZvUPGQ==}
@@ -6697,19 +6773,19 @@ packages:
       he: 1.2.0
     dev: false
 
-  /vue@3.4.14(typescript@5.3.3):
-    resolution: {integrity: sha512-Rop5Al/ZcBbBz+KjPZaZDgHDX0kUP4duEzDbm+1o91uxYUNmJrZSBuegsNIJvUGy+epLevNRNhLjm08VKTgGyw==}
+  /vue@3.4.15(typescript@5.3.3):
+    resolution: {integrity: sha512-jC0GH4KkWLWJOEQjOpkqU1bQsBwf4R1rsFtw5GQJbjHVKWDzO6P0nWWBTmjp1xSemAioDFj1jdaK1qa3DnMQoQ==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
     dependencies:
-      '@vue/compiler-dom': 3.4.14
-      '@vue/compiler-sfc': 3.4.14
-      '@vue/runtime-dom': 3.4.14
-      '@vue/server-renderer': 3.4.14(vue@3.4.14)
-      '@vue/shared': 3.4.14
+      '@vue/compiler-dom': 3.4.15
+      '@vue/compiler-sfc': 3.4.15
+      '@vue/runtime-dom': 3.4.15
+      '@vue/server-renderer': 3.4.15(vue@3.4.15)
+      '@vue/shared': 3.4.15
       typescript: 5.3.3
 
   /webpack-sources@3.2.3: