nuxt-echarts 0.2.3 → 0.2.5

package/LICENSE

@@ -1,21 +1,21 @@
-The MIT License (MIT)
-
-Copyright (c) 2024 - present, Yue JIN
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+The MIT License (MIT)
+
+Copyright (c) 2024 - present, Yue JIN
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/module.json

@@ -4,9 +4,9 @@
   "compatibility": {
     "nuxt": ">=3.2.0"
   },
-  "version": "0.2.3",
+  "version": "0.2.5",
   "builder": {
-    "@nuxt/module-builder": "0.8.3",
+    "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"
   }
 }

package/dist/module.mjs

@@ -18,6 +18,11 @@ const module = defineNuxtModule({
       nuxt.options.experimental.componentIslands = true;
     }
     const { resolve } = createResolver(import.meta.url);
+    nuxt.options.vite.optimizeDeps ??= {};
+    nuxt.options.vite.optimizeDeps.exclude ??= [];
+    if (!nuxt.options.vite.optimizeDeps.exclude.includes("echarts")) {
+      nuxt.options.vite.optimizeDeps.exclude.push("echarts");
+    }
     addPlugin(resolve("./runtime/plugin"));
     addComponentsDir({
       path: resolve("./runtime/components"),

package/dist/runtime/components/VChart.d.ts

@@ -2,7 +2,7 @@ import { type PropType } from 'vue';
 import type { Option, Theme, InitOptions, UpdateOptions } from '../types.js';
 import { type EChartsElement } from '../utils/wc.js';
 import '#build/echarts.mjs';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
     loadingOptions: PropType<import("../types").LoadingOptions>;
     autoresize: PropType<boolean | {
@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
     updateOptions: PropType<UpdateOptions>;
     group: StringConstructor;
     manualUpdate: BooleanConstructor;
-}, {
+}>, {
     getWidth: () => number;
     getHeight: () => number;
     getDom: () => HTMLElement;
@@ -161,14 +161,14 @@ declare const _default: import("vue").DefineComponent<{
     clear: () => void;
     isDisposed: () => boolean;
     dispose: () => void;
-    chart: import("vue").ShallowRef<import("echarts/core").ECharts | undefined>;
-    root: import("vue").ShallowRef<EChartsElement | undefined>;
+    chart: import("vue").ShallowRef<import("echarts/core").ECharts | undefined, import("echarts/core").ECharts | undefined>;
+    root: import("vue").ShallowRef<EChartsElement | undefined, EChartsElement | undefined>;
     setOption: (option: Option, updateOptions?: UpdateOptions) => void;
     realAttrs: import("vue").ComputedRef<{
         [x: string]: any;
     }>;
-    nativeListeners: import("vue").ShallowRef<Record<string, unknown>>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    nativeListeners: import("vue").ShallowRef<Record<string, unknown>, Record<string, unknown>>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (params: import("echarts/core").ECElementEvent) => void;
     dblclick: (params: import("echarts/core").ECElementEvent) => void;
     mouseout: (params: import("echarts/core").ECElementEvent) => void;
@@ -244,15 +244,15 @@ declare const _default: import("vue").DefineComponent<{
     updateOptions: PropType<UpdateOptions>;
     group: StringConstructor;
     manualUpdate: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
     onClick?: ((params: import("echarts/core").ECElementEvent) => any) | undefined;
-    onContextmenu?: ((params: import("echarts/core").ECElementEvent) => any) | undefined;
     onDblclick?: ((params: import("echarts/core").ECElementEvent) => any) | undefined;
-    onMousedown?: ((params: import("echarts/core").ECElementEvent) => any) | undefined;
-    onMousemove?: ((params: import("echarts/core").ECElementEvent) => any) | undefined;
     onMouseout?: ((params: import("echarts/core").ECElementEvent) => any) | undefined;
     onMouseover?: ((params: import("echarts/core").ECElementEvent) => any) | undefined;
     onMouseup?: ((params: import("echarts/core").ECElementEvent) => any) | undefined;
+    onMousedown?: ((params: import("echarts/core").ECElementEvent) => any) | undefined;
+    onMousemove?: ((params: import("echarts/core").ECElementEvent) => any) | undefined;
+    onContextmenu?: ((params: import("echarts/core").ECElementEvent) => any) | undefined;
     onGlobalout?: ((params: import("echarts/core").ECElementEvent) => any) | undefined;
     "onZr:mousewheel"?: ((params: import("echarts/core").ElementEvent) => any) | undefined;
     "onZr:drag"?: ((params: import("echarts/core").ElementEvent) => any) | undefined;
@@ -302,8 +302,8 @@ declare const _default: import("vue").DefineComponent<{
         elapsedTime: number;
     }) => any) | undefined;
     onFinished?: (() => any) | undefined;
-}, {
+}>, {
     manualUpdate: boolean;
     loading: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/VChartIsland.server.vue

@@ -1,31 +1,32 @@
-<script setup lang="ts">
-import * as echarts from 'echarts'
-import { ref } from 'vue'
-import type { Option, InitOptions, Theme } from '../types'
-
-const props = defineProps<{
-  option?: Option
-  initOptions?: InitOptions
-  theme?: Theme
-}>()
-
-const svgStr = ref('')
-const initOptions: InitOptions = echarts.util.merge(
-  { renderer: 'svg', ssr: true } satisfies InitOptions,
-  props.initOptions || {},
-)
-const chart = echarts.init(null, props.theme, initOptions)
-chart.setOption(props.option || {})
-svgStr.value = chart.renderToSVGString()
-
-chart.dispose()
-
-defineSlots<{ fallback: any }>()
-</script>
-
-<template>
-  <div class="vue-echarts-container">
-    <!--eslint-disable-next-line vue/no-v-html-->
-    <div class="vue-echarts-inner" v-html="svgStr" />
-  </div>
-</template>
+<script setup lang="ts">
+import * as echarts from 'echarts'
+import '#build/echarts.mjs'
+import { ref } from 'vue'
+import type { Option, InitOptions, Theme } from '../types'
+
+const props = defineProps<{
+  option?: Option
+  initOptions?: InitOptions
+  theme?: Theme
+}>()
+
+const svgStr = ref('')
+const initOptions: InitOptions = echarts.util.merge(
+  { renderer: 'svg', ssr: true } satisfies InitOptions,
+  props.initOptions || {},
+)
+const chart = echarts.init(null, props.theme, initOptions)
+chart.setOption(props.option || {})
+svgStr.value = chart.renderToSVGString()
+
+chart.dispose()
+
+defineSlots<{ fallback: any }>()
+</script>
+
+<template>
+  <div class="vue-echarts-container">
+    <!--eslint-disable-next-line vue/no-v-html-->
+    <div class="vue-echarts-inner" v-html="svgStr" />
+  </div>
+</template>

package/dist/runtime/components/VChartLight.vue

@@ -24,8 +24,8 @@ export default defineComponent({
     const attrs = useAttrs();
     let container;
     function hydrateChart() {
-      container = root.value?.$el;
-      if (container) {
+      if (root.value?.$el) {
+        container = root.value?.$el;
         hydrate(container, {
           on: {
             click: attrs.onClick,
@@ -51,13 +51,13 @@ export default defineComponent({
     return { root };
   }
 });
-</script>
-
-<template>
-  <VChartServer
-    ref="root"
-    :option="option"
-    :init-options="initOptions"
-    :theme="theme"
-  />
-</template>
+</script>
+
+<template>
+  <VChartServer
+    ref="root"
+    :option="option"
+    :init-options="initOptions"
+    :theme="theme"
+  />
+</template>

package/dist/runtime/components/VChartLight.vue.d.ts

@@ -2,62 +2,149 @@ import { type ECSSRClientEventParams, type ECSSREvent } from 'echarts/ssr/client
 import type { InitOptions, Option, Theme } from '../types.js';
 import { nextTick, type PropType } from 'vue';
 type ECSSRHandler = (params: ECSSRClientEventParams) => string | undefined;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     option: PropType<Option>;
     theme: {
         type: PropType<Theme>;
     };
     initOptions: PropType<InitOptions>;
-}, {
+}>, {
     root: import("vue").Ref<({
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{}> & Omit<{
+        $props: {
             readonly option?: Option | undefined;
-            readonly initOptions?: InitOptions | undefined;
             readonly theme?: Theme | undefined;
-            onError?: ((error: unknown) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            option: {
-                type: PropType<import("echarts/core").EChartsCoreOption>;
-            };
-            theme: {
-                type: PropType<Theme>;
-            };
-            initOptions: {
-                type: PropType<import("echarts/core").EChartsInitOpts>;
-            };
-        }>> & {
-            onError?: ((error: unknown) => any) | undefined;
-        }, never>;
+            readonly initOptions?: InitOptions | undefined;
+            readonly onError?: ((error: unknown) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
         };
         $refs: {
             [x: string]: unknown;
+        } & {
+            root: ({
+                $: import("vue").ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly option?: Option | undefined;
+                    readonly initOptions?: InitOptions | undefined;
+                    readonly theme?: Theme | undefined;
+                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import("vue").Slot<any> | undefined;
+                }>;
+                $root: import("vue").ComponentPublicInstance | null;
+                $parent: import("vue").ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: string, ...args: any[]) => void;
+                $el: HTMLDivElement;
+                $options: import("vue").ComponentOptionsBase<Readonly<{
+                    option?: Option;
+                    initOptions?: InitOptions;
+                    theme?: Theme;
+                }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+            } & Readonly<{}> & Omit<Readonly<{
+                option?: Option;
+                initOptions?: InitOptions;
+                theme?: Theme;
+            }> & Readonly<{}>, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+                $slots: {
+                    fallback: any;
+                };
+            } & {
+                $: import("vue").ComponentInternalInstance;
+                $data: {};
+                $props: Partial<{}> & Omit<{}, never>;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    fallback: import("vue").Slot<{
+                        error: unknown;
+                    }>;
+                }>;
+                $root: import("vue").ComponentPublicInstance | null;
+                $parent: import("vue").ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: string, ...args: any[]) => void;
+                $el: any;
+                $options: import("vue").ComponentOptionsBase<{}, {
+                    refresh: () => Promise<void>;
+                }, {}, {}, {}, {}, {}, {}, string, {}, {}, string, import("vue").SlotsType<{
+                    fallback: {
+                        error: unknown;
+                    };
+                }>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+            } & Readonly<{}> & Omit<{}, "refresh"> & import("vue").ShallowUnwrapRef<{
+                refresh: () => Promise<void>;
+            }>) | null;
         };
         $slots: Readonly<{
             [name: string]: import("vue").Slot<any> | undefined;
         }>;
         $root: import("vue").ComponentPublicInstance | null;
         $parent: import("vue").ComponentPublicInstance | null;
+        $host: Element | null;
         $emit: (event: "error", error: unknown) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            option: {
-                type: PropType<import("echarts/core").EChartsCoreOption>;
-            };
-            theme: {
-                type: PropType<Theme>;
-            };
-            initOptions: {
-                type: PropType<import("echarts/core").EChartsInitOpts>;
-            };
-        }>> & {
+        $el: HTMLDivElement;
+        $options: import("vue").ComponentOptionsBase<Readonly<{
+            option?: Option;
+            theme?: Theme;
+            initOptions?: InitOptions;
+        }> & Readonly<{
             onError?: ((error: unknown) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            error: (error: unknown) => void;
-        }, string, {}, {}, string, {}> & {
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+            error: (error: unknown) => any;
+        }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -76,33 +163,496 @@ declare const _default: import("vue").DefineComponent<{
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-    } & Omit<Readonly<import("vue").ExtractPropTypes<{
-        option: {
-            type: PropType<import("echarts/core").EChartsCoreOption>;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<{
+        option?: Option;
+        theme?: Theme;
+        initOptions?: InitOptions;
+    }> & Readonly<{
+        onError?: ((error: unknown) => any) | undefined;
+    }>, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: {
+            fallback?: ((props: {}) => any) | undefined;
         };
-        theme: {
-            type: PropType<Theme>;
+    }) | null, ({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly option?: Option | undefined;
+            readonly theme?: Theme | undefined;
+            readonly initOptions?: InitOptions | undefined;
+            readonly onError?: ((error: unknown) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
         };
-        initOptions: {
-            type: PropType<import("echarts/core").EChartsInitOpts>;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            root: ({
+                $: import("vue").ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly option?: Option | undefined;
+                    readonly initOptions?: InitOptions | undefined;
+                    readonly theme?: Theme | undefined;
+                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import("vue").Slot<any> | undefined;
+                }>;
+                $root: import("vue").ComponentPublicInstance | null;
+                $parent: import("vue").ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: string, ...args: any[]) => void;
+                $el: HTMLDivElement;
+                $options: import("vue").ComponentOptionsBase<Readonly<{
+                    option?: Option;
+                    initOptions?: InitOptions;
+                    theme?: Theme;
+                }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+            } & Readonly<{}> & Omit<Readonly<{
+                option?: Option;
+                initOptions?: InitOptions;
+                theme?: Theme;
+            }> & Readonly<{}>, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+                $slots: {
+                    fallback: any;
+                };
+            } & {
+                $: import("vue").ComponentInternalInstance;
+                $data: {};
+                $props: Partial<{}> & Omit<{}, never>;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    fallback: import("vue").Slot<{
+                        error: unknown;
+                    }>;
+                }>;
+                $root: import("vue").ComponentPublicInstance | null;
+                $parent: import("vue").ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: string, ...args: any[]) => void;
+                $el: any;
+                $options: import("vue").ComponentOptionsBase<{}, {
+                    refresh: () => Promise<void>;
+                }, {}, {}, {}, {}, {}, {}, string, {}, {}, string, import("vue").SlotsType<{
+                    fallback: {
+                        error: unknown;
+                    };
+                }>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+            } & Readonly<{}> & Omit<{}, "refresh"> & import("vue").ShallowUnwrapRef<{
+                refresh: () => Promise<void>;
+            }>) | null;
         };
-    }>> & {
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance | null;
+        $parent: import("vue").ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "error", error: unknown) => void;
+        $el: HTMLDivElement;
+        $options: import("vue").ComponentOptionsBase<Readonly<{
+            option?: Option;
+            theme?: Theme;
+            initOptions?: InitOptions;
+        }> & Readonly<{
+            onError?: ((error: unknown) => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+            error: (error: unknown) => any;
+        }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<{
+        option?: Option;
+        theme?: Theme;
+        initOptions?: InitOptions;
+    }> & Readonly<{
         onError?: ((error: unknown) => any) | undefined;
-    }, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    }>, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: {
-            fallback?(_: {}): any;
+            fallback?: ((props: {}) => any) | undefined;
         };
     }) | null>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<ECSSREvent, ECSSRHandler>, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<ECSSREvent, ECSSRHandler>, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     option: PropType<Option>;
     theme: {
         type: PropType<Theme>;
     };
     initOptions: PropType<InitOptions>;
-}>> & {
+}>> & Readonly<{
     onClick?: ((params: ECSSRClientEventParams) => any) | undefined;
     onMouseout?: ((params: ECSSRClientEventParams) => any) | undefined;
     onMouseover?: ((params: ECSSRClientEventParams) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
+declare global {
+    const __VLS_intrinsicElements: __VLS_IntrinsicElements;
+    const __VLS_directiveBindingRestFields: {
+        instance: null;
+        oldValue: null;
+        modifiers: any;
+        dir: any;
+    };
+    const __VLS_unref: typeof import('vue').unref;
+    const __VLS_placeholder: any;
+    const __VLS_nativeElements: {
+        a: HTMLAnchorElement;
+        abbr: HTMLElement;
+        address: HTMLElement;
+        area: HTMLAreaElement;
+        article: HTMLElement;
+        aside: HTMLElement;
+        audio: HTMLAudioElement;
+        b: HTMLElement;
+        base: HTMLBaseElement;
+        bdi: HTMLElement;
+        bdo: HTMLElement;
+        blockquote: HTMLQuoteElement;
+        body: HTMLBodyElement;
+        br: HTMLBRElement;
+        button: HTMLButtonElement;
+        canvas: HTMLCanvasElement;
+        caption: HTMLTableCaptionElement;
+        cite: HTMLElement;
+        code: HTMLElement;
+        col: HTMLTableColElement;
+        colgroup: HTMLTableColElement;
+        data: HTMLDataElement;
+        datalist: HTMLDataListElement;
+        dd: HTMLElement;
+        del: HTMLModElement;
+        details: HTMLDetailsElement;
+        dfn: HTMLElement;
+        dialog: HTMLDialogElement;
+        div: HTMLDivElement;
+        dl: HTMLDListElement;
+        dt: HTMLElement;
+        em: HTMLElement;
+        embed: HTMLEmbedElement;
+        fieldset: HTMLFieldSetElement;
+        figcaption: HTMLElement;
+        figure: HTMLElement;
+        footer: HTMLElement;
+        form: HTMLFormElement;
+        h1: HTMLHeadingElement;
+        h2: HTMLHeadingElement;
+        h3: HTMLHeadingElement;
+        h4: HTMLHeadingElement;
+        h5: HTMLHeadingElement;
+        h6: HTMLHeadingElement;
+        head: HTMLHeadElement;
+        header: HTMLElement;
+        hgroup: HTMLElement;
+        hr: HTMLHRElement;
+        html: HTMLHtmlElement;
+        i: HTMLElement;
+        iframe: HTMLIFrameElement;
+        img: HTMLImageElement;
+        input: HTMLInputElement;
+        ins: HTMLModElement;
+        kbd: HTMLElement;
+        label: HTMLLabelElement;
+        legend: HTMLLegendElement;
+        li: HTMLLIElement;
+        link: HTMLLinkElement;
+        main: HTMLElement;
+        map: HTMLMapElement;
+        mark: HTMLElement;
+        menu: HTMLMenuElement;
+        meta: HTMLMetaElement;
+        meter: HTMLMeterElement;
+        nav: HTMLElement;
+        noscript: HTMLElement;
+        object: HTMLObjectElement;
+        ol: HTMLOListElement;
+        optgroup: HTMLOptGroupElement;
+        option: HTMLOptionElement;
+        output: HTMLOutputElement;
+        p: HTMLParagraphElement;
+        picture: HTMLPictureElement;
+        pre: HTMLPreElement;
+        progress: HTMLProgressElement;
+        q: HTMLQuoteElement;
+        rp: HTMLElement;
+        rt: HTMLElement;
+        ruby: HTMLElement;
+        s: HTMLElement;
+        samp: HTMLElement;
+        script: HTMLScriptElement;
+        search: HTMLElement;
+        section: HTMLElement;
+        select: HTMLSelectElement;
+        slot: HTMLSlotElement;
+        small: HTMLElement;
+        source: HTMLSourceElement;
+        span: HTMLSpanElement;
+        strong: HTMLElement;
+        style: HTMLStyleElement;
+        sub: HTMLElement;
+        summary: HTMLElement;
+        sup: HTMLElement;
+        table: HTMLTableElement;
+        tbody: HTMLTableSectionElement;
+        td: HTMLTableCellElement;
+        template: HTMLTemplateElement;
+        textarea: HTMLTextAreaElement;
+        tfoot: HTMLTableSectionElement;
+        th: HTMLTableCellElement;
+        thead: HTMLTableSectionElement;
+        time: HTMLTimeElement;
+        title: HTMLTitleElement;
+        tr: HTMLTableRowElement;
+        track: HTMLTrackElement;
+        u: HTMLElement;
+        ul: HTMLUListElement;
+        var: HTMLElement;
+        video: HTMLVideoElement;
+        wbr: HTMLElement;
+        animate: SVGAnimateElement;
+        animateMotion: SVGAnimateMotionElement;
+        animateTransform: SVGAnimateTransformElement;
+        circle: SVGCircleElement;
+        clipPath: SVGClipPathElement;
+        defs: SVGDefsElement;
+        desc: SVGDescElement;
+        ellipse: SVGEllipseElement;
+        feBlend: SVGFEBlendElement;
+        feColorMatrix: SVGFEColorMatrixElement;
+        feComponentTransfer: SVGFEComponentTransferElement;
+        feComposite: SVGFECompositeElement;
+        feConvolveMatrix: SVGFEConvolveMatrixElement;
+        feDiffuseLighting: SVGFEDiffuseLightingElement;
+        feDisplacementMap: SVGFEDisplacementMapElement;
+        feDistantLight: SVGFEDistantLightElement;
+        feDropShadow: SVGFEDropShadowElement;
+        feFlood: SVGFEFloodElement;
+        feFuncA: SVGFEFuncAElement;
+        feFuncB: SVGFEFuncBElement;
+        feFuncG: SVGFEFuncGElement;
+        feFuncR: SVGFEFuncRElement;
+        feGaussianBlur: SVGFEGaussianBlurElement;
+        feImage: SVGFEImageElement;
+        feMerge: SVGFEMergeElement;
+        feMergeNode: SVGFEMergeNodeElement;
+        feMorphology: SVGFEMorphologyElement;
+        feOffset: SVGFEOffsetElement;
+        fePointLight: SVGFEPointLightElement;
+        feSpecularLighting: SVGFESpecularLightingElement;
+        feSpotLight: SVGFESpotLightElement;
+        feTile: SVGFETileElement;
+        feTurbulence: SVGFETurbulenceElement;
+        filter: SVGFilterElement;
+        foreignObject: SVGForeignObjectElement;
+        g: SVGGElement;
+        image: SVGImageElement;
+        line: SVGLineElement;
+        linearGradient: SVGLinearGradientElement;
+        marker: SVGMarkerElement;
+        mask: SVGMaskElement;
+        metadata: SVGMetadataElement;
+        mpath: SVGMPathElement;
+        path: SVGPathElement;
+        pattern: SVGPatternElement;
+        polygon: SVGPolygonElement;
+        polyline: SVGPolylineElement;
+        radialGradient: SVGRadialGradientElement;
+        rect: SVGRectElement;
+        set: SVGSetElement;
+        stop: SVGStopElement;
+        svg: SVGSVGElement;
+        switch: SVGSwitchElement;
+        symbol: SVGSymbolElement;
+        text: SVGTextElement;
+        textPath: SVGTextPathElement;
+        tspan: SVGTSpanElement;
+        use: SVGUseElement;
+        view: SVGViewElement;
+    };
+    type __VLS_IntrinsicElements = import('vue/jsx-runtime').JSX.IntrinsicElements;
+    type __VLS_Element = import('vue/jsx-runtime').JSX.Element;
+    type __VLS_GlobalComponents = import('vue').GlobalComponents;
+    type __VLS_GlobalDirectives = import('vue').GlobalDirectives;
+    type __VLS_IsAny<T> = 0 extends 1 & T ? true : false;
+    type __VLS_PickNotAny<A, B> = __VLS_IsAny<A> extends true ? B : A;
+    type __VLS_unknownDirective = (arg1: unknown, arg2: unknown, arg3: unknown, arg4: unknown) => void;
+    type __VLS_WithComponent<N0 extends string, LocalComponents, Self, N1 extends string, N2 extends string, N3 extends string> = N1 extends keyof LocalComponents ? N1 extends N0 ? Pick<LocalComponents, N0 extends keyof LocalComponents ? N0 : never> : {
+        [K in N0]: LocalComponents[N1];
+    } : N2 extends keyof LocalComponents ? N2 extends N0 ? Pick<LocalComponents, N0 extends keyof LocalComponents ? N0 : never> : {
+        [K in N0]: LocalComponents[N2];
+    } : N3 extends keyof LocalComponents ? N3 extends N0 ? Pick<LocalComponents, N0 extends keyof LocalComponents ? N0 : never> : {
+        [K in N0]: LocalComponents[N3];
+    } : Self extends object ? {
+        [K in N0]: Self;
+    } : N1 extends keyof __VLS_GlobalComponents ? N1 extends N0 ? Pick<__VLS_GlobalComponents, N0 extends keyof __VLS_GlobalComponents ? N0 : never> : {
+        [K in N0]: __VLS_GlobalComponents[N1];
+    } : N2 extends keyof __VLS_GlobalComponents ? N2 extends N0 ? Pick<__VLS_GlobalComponents, N0 extends keyof __VLS_GlobalComponents ? N0 : never> : {
+        [K in N0]: __VLS_GlobalComponents[N2];
+    } : N3 extends keyof __VLS_GlobalComponents ? N3 extends N0 ? Pick<__VLS_GlobalComponents, N0 extends keyof __VLS_GlobalComponents ? N0 : never> : {
+        [K in N0]: __VLS_GlobalComponents[N3];
+    } : {
+        [K in N0]: unknown;
+    };
+    type __VLS_FunctionalComponentProps<T, K> = '__ctx' extends keyof __VLS_PickNotAny<K, {}> ? K extends {
+        __ctx?: {
+            props?: infer P;
+        };
+    } ? NonNullable<P> : never : T extends (props: infer P, ...args: any) => any ? P : {};
+    type __VLS_IsFunction<T, K> = K extends keyof T ? __VLS_IsAny<T[K]> extends false ? unknown extends T[K] ? false : true : false : false;
+    type __VLS_NormalizeComponentEvent<Props, Events, onEvent extends keyof Props, Event extends keyof Events, CamelizedEvent extends keyof Events> = (__VLS_IsFunction<Props, onEvent> extends true ? Props : __VLS_IsFunction<Events, Event> extends true ? {
+        [K in onEvent]?: Events[Event];
+    } : __VLS_IsFunction<Events, CamelizedEvent> extends true ? {
+        [K in onEvent]?: Events[CamelizedEvent];
+    } : Props) & Record<string, unknown>;
+    type __VLS_UnionToIntersection<U> = (U extends unknown ? (arg: U) => unknown : never) extends ((arg: infer P) => unknown) ? P : never;
+    type __VLS_OverloadUnionInner<T, U = unknown> = U & T extends (...args: infer A) => infer R ? U extends T ? never : __VLS_OverloadUnionInner<T, Pick<T, keyof T> & U & ((...args: A) => R)> | ((...args: A) => R) : never;
+    type __VLS_OverloadUnion<T> = Exclude<__VLS_OverloadUnionInner<(() => never) & T>, T extends () => never ? never : () => never>;
+    type __VLS_ConstructorOverloads<T> = __VLS_OverloadUnion<T> extends infer F ? F extends (event: infer E, ...args: infer A) => any ? {
+        [K in E & string]: (...args: A) => void;
+    } : never : never;
+    type __VLS_NormalizeEmits<T> = __VLS_PrettifyGlobal<__VLS_UnionToIntersection<__VLS_ConstructorOverloads<T> & {
+        [K in keyof T]: T[K] extends any[] ? {
+            (...args: T[K]): void;
+        } : never;
+    }>>;
+    type __VLS_PrettifyGlobal<T> = {
+        [K in keyof T]: T[K];
+    } & {};
+    type __VLS_PickFunctionalComponentCtx<T, K> = NonNullable<__VLS_PickNotAny<'__ctx' extends keyof __VLS_PickNotAny<K, {}> ? K extends {
+        __ctx?: infer Ctx;
+    } ? Ctx : never : any, T extends (props: any, ctx: infer Ctx) => any ? Ctx : any>>;
+    type __VLS_OmitStringIndex<T> = {
+        [K in keyof T as string extends K ? never : K]: T[K];
+    };
+    type __VLS_UseTemplateRef<T> = Readonly<import('vue').ShallowRef<T | null>>;
+    function __VLS_getVForSourceType(source: number): [number, number][];
+    function __VLS_getVForSourceType(source: string): [string, number][];
+    function __VLS_getVForSourceType<T extends any[]>(source: T): [
+        item: T[number],
+        index: number
+    ][];
+    function __VLS_getVForSourceType<T extends {
+        [Symbol.iterator](): Iterator<any>;
+    }>(source: T): [
+        item: T extends {
+            [Symbol.iterator](): Iterator<infer T1>;
+        } ? T1 : never,
+        index: number
+    ][];
+    function __VLS_getVForSourceType<T extends number | {
+        [Symbol.iterator](): Iterator<any>;
+    }>(source: T): [
+        item: number | (Exclude<T, number> extends {
+            [Symbol.iterator](): Iterator<infer T1>;
+        } ? T1 : never),
+        index: number
+    ][];
+    function __VLS_getVForSourceType<T>(source: T): [
+        item: T[keyof T],
+        key: keyof T,
+        index: number
+    ][];
+    function __VLS_getSlotParams<T>(slot: T): Parameters<__VLS_PickNotAny<NonNullable<T>, (...args: any[]) => any>>;
+    function __VLS_getSlotParam<T>(slot: T): Parameters<__VLS_PickNotAny<NonNullable<T>, (...args: any[]) => any>>[0];
+    function __VLS_asFunctionalDirective<T>(dir: T): T extends import('vue').ObjectDirective ? NonNullable<T['created' | 'beforeMount' | 'mounted' | 'beforeUpdate' | 'updated' | 'beforeUnmount' | 'unmounted']> : T extends (...args: any) => any ? T : __VLS_unknownDirective;
+    function __VLS_withScope<T, K>(ctx: T, scope: K): ctx is T & K;
+    function __VLS_makeOptional<T>(t: T): {
+        [K in keyof T]?: T[K];
+    };
+    function __VLS_asFunctionalComponent<T, K = T extends new (...args: any) => any ? InstanceType<T> : unknown>(t: T, instance?: K): T extends new (...args: any) => any ? (props: (K extends {
+        $props: infer Props;
+    } ? Props : any) & Record<string, unknown>, ctx?: any) => __VLS_Element & {
+        __ctx?: {
+            attrs?: any;
+            slots?: K extends {
+                $slots: infer Slots;
+            } ? Slots : any;
+            emit?: K extends {
+                $emit: infer Emit;
+            } ? Emit : any;
+        } & {
+            props?: (K extends {
+                $props: infer Props;
+            } ? Props : any) & Record<string, unknown>;
+            expose?(exposed: K): void;
+        };
+    } : T extends () => any ? (props: {}, ctx?: any) => ReturnType<T> : T extends (...args: any) => any ? T : (_: {} & Record<string, unknown>, ctx?: any) => {
+        __ctx?: {
+            attrs?: any;
+            expose?: any;
+            slots?: any;
+            emit?: any;
+            props?: {} & Record<string, unknown>;
+        };
+    };
+    function __VLS_asFunctionalElement<T>(tag: T, endTag?: T): (_: T & Record<string, unknown>) => void;
+    function __VLS_functionalComponentArgsRest<T extends (...args: any) => any>(t: T): 2 extends Parameters<T>['length'] ? [any] : [];
+    function __VLS_normalizeSlot<S>(s: S): S extends () => infer R ? (props: {}) => R : S;
+    function __VLS_tryAsConstant<const T>(t: T): T;
+}

package/dist/runtime/components/VChartServer.vue

@@ -1,48 +1,48 @@
-<script setup lang="ts">
-import { computed, unref, inject, ref } from 'vue'
-import type { InitOptions, Option, Theme } from '../types'
-import { THEME_KEY, INIT_OPTIONS_KEY } from '../utils/injection'
-import type { VChartIsland } from '#components'
-
-const defaultTheme = inject(THEME_KEY, null)
-const defaultInitOptions = inject(INIT_OPTIONS_KEY, null)
-
-const props = defineProps<{
-  option?: Option
-  theme?: Theme
-  initOptions?: InitOptions
-}>()
-const emits = defineEmits<{ (event: 'error', error: unknown): void }>()
-
-const realTheme = computed(() => props.theme || unref(defaultTheme) || {})
-const realInitOptions = computed(
-  () => props.initOptions || unref(defaultInitOptions) || {},
-)
-function onError(e: unknown) {
-  // https://github.com/nuxt/nuxt/issues/27491
-  if (
-    e instanceof TypeError &&
-    e.message === "Cannot read properties of undefined (reading 'link')"
-  ) {
-    root.value?.refresh()
-  }
-  emits('error', e)
-}
-const root = ref<InstanceType<typeof VChartIsland> | null>(null)
-</script>
-
-<template>
-  <div class="vue-echarts-server">
-    <VChartIsland
-      ref="root"
-      :theme="realTheme"
-      :option="option"
-      :init-options="realInitOptions"
-      @error="onError"
-    >
-      <template #fallback>
-        <slot name="fallback" />
-      </template>
-    </VChartIsland>
-  </div>
-</template>
+<script setup lang="ts">
+import { computed, unref, inject, ref } from 'vue'
+import type { InitOptions, Option, Theme } from '../types'
+import { THEME_KEY, INIT_OPTIONS_KEY } from '../utils/injection'
+import type { VChartIsland } from '#components'
+
+const defaultTheme = inject(THEME_KEY, null)
+const defaultInitOptions = inject(INIT_OPTIONS_KEY, null)
+
+const props = defineProps<{
+  option?: Option
+  theme?: Theme
+  initOptions?: InitOptions
+}>()
+const emits = defineEmits<{ (event: 'error', error: unknown): void }>()
+
+const realTheme = computed(() => props.theme || unref(defaultTheme) || {})
+const realInitOptions = computed(
+  () => props.initOptions || unref(defaultInitOptions) || {},
+)
+function onError(e: unknown) {
+  // https://github.com/nuxt/nuxt/issues/27491
+  if (
+    e instanceof TypeError &&
+    e.message === "Cannot read properties of undefined (reading 'link')"
+  ) {
+    root.value?.refresh()
+  }
+  emits('error', e)
+}
+const root = ref<InstanceType<typeof VChartIsland> | null>(null)
+</script>
+
+<template>
+  <div class="vue-echarts-server">
+    <VChartIsland
+      ref="root"
+      :theme="realTheme"
+      :option="option"
+      :init-options="realInitOptions"
+      @error="onError"
+    >
+      <template #fallback>
+        <slot name="fallback" />
+      </template>
+    </VChartIsland>
+  </div>
+</template>

package/dist/runtime/utils/injection.d.ts

@@ -3,4 +3,4 @@ import type { ThemeInjection, InitOptionsInjection, UpdateOptionsInjection } fro
 export declare const THEME_KEY: InjectionKey<ThemeInjection>;
 export declare const INIT_OPTIONS_KEY: InjectionKey<InitOptionsInjection>;
 export declare const UPDATE_OPTIONS_KEY: InjectionKey<UpdateOptionsInjection>;
-export { LOADING_OPTIONS_KEY } from '../composables.js';
+export { LOADING_OPTIONS_KEY } from '../composables/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-echarts",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "Nuxt Module for Apache ECharts™",
   "keywords": [
     "vue",
@@ -14,7 +14,7 @@
   "repository": "kingyue737/nuxt-echarts",
   "license": "MIT",
   "type": "module",
-  "packageManager": "pnpm@9.9.0",
+  "packageManager": "pnpm@10.4.1",
   "exports": {
     ".": {
       "types": "./dist/types.d.ts",
@@ -45,29 +45,35 @@
     "test:types": "vue-tsc --noEmit && nuxi typecheck playground"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.13.0",
-    "echarts": "^5.5.1"
+    "@nuxt/kit": "^3.15.4",
+    "echarts": "^5.6.0"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^1.4.1",
-    "@nuxt/eslint-config": "^0.5.3",
-    "@nuxt/module-builder": "^0.8.3",
-    "@nuxt/schema": "^3.13.0",
-    "@nuxt/test-utils": "^3.14.1",
-    "@types/node": "^20.16.1",
-    "changelogen": "^0.5.5",
-    "eslint": "^9.9.1",
-    "nuxt": "^3.13.0",
-    "prettier": "^3.3.3",
-    "prettier-plugin-tailwindcss": "^0.6.6",
-    "typescript": "^5.5.4",
-    "vite": "^5.4.2",
-    "vitest": "^2.0.5",
-    "vue-tsc": "^2.0.29"
+    "@nuxt/eslint-config": "^1.1.0",
+    "@nuxt/module-builder": "^0.8.4",
+    "@nuxt/schema": "^3.15.4",
+    "@nuxt/test-utils": "^3.17.0",
+    "@types/node": "^22.13.5",
+    "changelogen": "^0.5.7",
+    "eslint": "^9.21.0",
+    "nuxt": "^3.15.4",
+    "prettier": "^3.5.2",
+    "prettier-plugin-tailwindcss": "^0.6.11",
+    "typescript": "~5.6",
+    "vite": "^6.1.1",
+    "vitest": "^3.0.6",
+    "vue-tsc": "^2.2.2"
   },
   "peerDependencies": {
     "echarts": "^5.5.1"
   },
+  "pnpm": {
+    "overrides": {
+      "vite-plugin-checker": "^0.9.0",
+      "@vercel/nft": "^0.29.2",
+      "@tailwindcss/vite": "4.0.7"
+    }
+  },
   "stackblitz": {
     "startCommand": "pnpm run dev:prepare && pnpm run dev"
   }