vite-plugin-vue-devtools 1.0.0-rc.8 → 7.0.0

package/README.zh-CN.md

@@ -1,186 +0,0 @@
-<p align="center">
-  <img src="https://github.com/webfansplz/vite-plugin-vue-devtools/raw/main/screenshots/bg.png" />
-</p>
-<h1 align="center">
-Vue DevTools <sup>预览</sup>
-</h1>
-
-<p align="center">
-<a href="./README.md">English</a> | 简体中文
-</p>
-
-<p align="center">
-  <a href="https://www.npmjs.com/package/vite-plugin-vue-devtools" target="_blank" rel="noopener noreferrer"><img src="https://badgen.net/npm/v/vite-plugin-vue-devtools" alt="NPM Version" /></a>
-  <a href="https://www.npmjs.com/package/vite-plugin-vue-devtools" target="_blank" rel="noopener noreferrer"><img src="https://badgen.net/npm/dt/vite-plugin-vue-devtools" alt="NPM Downloads" /></a>
- <a href="https://github.com/webfansplz/vite-plugin-vue-devtools/blob/main/LICENSE" target="_blank" rel="noopener noreferrer"><img src="https://badgen.net/github/license/webfansplz/vite-plugin-vue-devtools" alt="License" /></a>
-</p>
-
-<p align="center">
-  <a href="https://github.com/webfansplz/vite-plugin-vue-devtools/discussions/1">💡 想法 & 建议</a> |
-  <a href="https://github.com/webfansplz/vite-plugin-vue-devtools/discussions/2">🗺️ 项目路线图</a> |
-  <a href="https://discord.gg/sHyy7gVPUG">🧑‍💻 Discord 频道</a> 
-</p>
-
-<p align="center">
-<a href="https://stackblitz.com/edit/vitejs-vite-oxbwzk?file=vite.config.ts&view=preview"><img src="https://developer.stackblitz.com/img/open_in_stackblitz.svg" alt=""></a>
-</p>
-
-
-## 📖 介绍
-
-`vite-plugin-vue-devtools` 是一个旨在增强 `Vue` 开发者体验的 `Vite` 插件。
-
-
-
-## 🎉 特性
-
-### Pages
-
-`Pages` 选项卡显示您当前的页面路由并提供快速导航的方法。对于动态路由，它还提供了一个表单来交互式地填写每个参数。您还可以使用文本框来测试每个路由的匹配情况。
-
-<img src="https://github.com/webfansplz/vite-plugin-vue-devtools/raw/main/screenshots/pages.png" />
-
-
-### Components
-
-`Components` 选项卡显示您应用程序的所有组件树，您还可以选择它们来查看组件的详细信息（例如数据、属性）。
-
-<img src="https://github.com/webfansplz/vite-plugin-vue-devtools/raw/main/screenshots/components.png" />
-
-### Assets
-
-`Assets` 选项卡显示所有静态资源及其信息，您可以在浏览器中打开或下载它。
-
-<img src="https://github.com/webfansplz/vite-plugin-vue-devtools/raw/main/screenshots/assets.png" />
-
-### Timeline
-
-`Timeline` 选项卡包含三个类别：性能、路由导航和 [Pinia](https://github.com/vuejs/pinia)，您可以在它们之间切换以查看状态变化和时间线。
-
-<img src="https://github.com/webfansplz/vite-plugin-vue-devtools/raw/main/screenshots/timeline.png" />
-
-### Routes
-
-`Routes` 选项卡是与 [Vue Router](https://github.com/vuejs/router) 集成的功能，允许您查看注册的路由及其详细信息。
-
-<img src="https://github.com/webfansplz/vite-plugin-vue-devtools/raw/main/screenshots/routes.png" />
-
-### Pinia
-
-`Pinia` 选项卡是与 [Pinia](https://github.com/vuejs/pinia) 集成的功能，允许您查看注册的模块及其详细信息。
-
-<img src="https://github.com/webfansplz/vite-plugin-vue-devtools/raw/main/screenshots/pinia.png" />
-
-### Graph
-
-`Graph` 选项卡提供了显示组件依赖关系的视图。
-
-<img src="https://github.com/webfansplz/vite-plugin-vue-devtools/raw/main/screenshots/graph.png" />
-
-### Inspect
-
-`Inspect` 公开 [vite-plugin-inspect](https://github.com/antfu/vite-plugin-inspect) 集成，允许您检查 [Vite](https://vitejs.dev/) 的转换步骤，了解每个插件如何改变您的代码并发现潜在问题可能会有所帮助。
-
-<img src="https://github.com/webfansplz/vite-plugin-vue-devtools/raw/main/screenshots/inspect.png" />
-
-### Inspector
-
-您还可以使用 `Inspector` 功能来检查 `DOM` 树并查看哪个组件正在渲染它，单击可转到编辑器的特定行，使更改变得更加容易，而无需彻底了解项目结构。 (该功能基于 [vite-plugin-vue-inspector](https://github.com/webfansplz/vite-plugin-vue-inspector))
-
-<img src="https://github.com/webfansplz/vite-plugin-vue-devtools/raw/main/screenshots/inspector.png" height=450 />
-
-## 📦 安装
-
-```
-
-# vite-plugin-vue-devtools 
-
-pnpm install vite-plugin-vue-devtools -D
-
-```
-
-## 🦄 示例
-
-### Vite 配置
-
-```ts
-import { defineConfig } from 'vite'
-import VueDevTools from 'vite-plugin-vue-devtools'
-
-export default defineConfig({
-  plugins: [
-    VueDevTools(),
-    vue(),
-  ],
-})
-```
-
-### 选项
-
-```ts
-interface AnalyzeOptions {
-  /**
-   * @default true
-   */
-  rerenderTrace: boolean
-}
-
-interface VitePluginVueDevToolsOptions {
-  /**
-   * append an import to the module id ending with `appendTo` instead of adding a script into body
-   * useful for projects that do not use html file as an entry
-   *
-   * WARNING: only set this if you know exactly what it does.
-   */
-  appendTo?: string | RegExp
-
-  /**
-   * Enable Vue DevTools to analyze the codebase by using Babel
-   * @default
-   * {
-   *   rerenderTrace: true, // enable rerenderTrace feature
-   * }
-   */
-  analyze?: Partial<AnalyzeOptions>
-}
-```
-
-## 💡 注意
-
-- 仅在 `开发模式` 下可用。
-- 仅支持 `Vue3.0+` 和 `Vite 3.1+`。
-- 仅支持单实例 `Vue` 应用程序。
-- 不支持 `SSR` （如果您使用 `Nuxt` ，请使用 [nuxt/devtools](https://github.com/nuxt/devtools)）。
-- 该插件遵循 `Vue` 的 `DevTools` 配置，因此如果您配置了 `hide` 选项，它也将应用于该插件。例如
-
-  ```js
-  // This Vue instance will be ignored by the plugin.
-  createApp({
-    render: () => h(App),
-    devtools: {
-      hide: true,
-    },
-  })
-  ```
-
-## 📖 博客
-
-- [介绍 Vue DevTools (Vite 插件)](https://gist.github.com/webfansplz/bc90a773a0dd474a34e043ab2d2a37a4)
-
-## 🌸 致谢
-
-- 该项目深受 [nuxt/devtools](https://github.com/nuxt/devtools) 的启发，感谢 [Anthony Fu](https://github.com/antfu) 和 `Nuxt` 团队的出色工作
-
-- [vuejs/devtools](https://github.com/vuejs/devtools)
-
-
-## 👨‍💻 贡献者
-
-<a href="https://github.com/webfansplz/vite-plugin-vue-devtools/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=webfansplz/vite-plugin-vue-devtools" />   
-</a>    
-
-## 📄 License
-
-[MIT LICENSE](./LICENSE)
-

package/client.d.ts

@@ -1,63 +0,0 @@
-declare type AssetType = 'image' | 'font' | 'video' | 'audio' | 'text' | 'json' | 'other'
-
-declare interface AssetInfo {
-  path: string
-  type: AssetType
-  publicPath: string
-  filePath: string
-  size: number
-  mtime: number
-}
-declare interface ImageMeta {
-  width: number
-  height: number
-  orientation?: number
-  type?: string
-  mimeType?: string
-}
-
-declare interface ModuleInfo {
-  id: string
-  plugins: { name: string; transform?: number; resolveId?: number }[]
-  deps: string[]
-  virtual: boolean
-}
-
-declare interface ExecNpmScriptOptions {
-  isDev?: boolean
-  cwd?: string
-  type?: 'install' | 'uninstall'
-  callback?: (type: string, data: string) => void
-}
-
-declare interface RPCFunctions {
-  componentGraph(): Promise<ModuleInfo[]>
-  inspectClientUrl(): string
-  staticAssets(): Promise<AssetInfo[]>
-  getImageMeta(path: string): Promise<ImageMeta | undefined>
-  getTextAssetContent(path: string): Promise<string | undefined>
-  deleteStaticAsset(path: string): Promise<string | undefined>
-  renameStaticAsset(oldPath: string, newPath: string): Promise<string | undefined>
-  getPackages(): Promise<Record<string, Omit<PackageMeta, 'name'>>>
-  getVueSFCList(): Promise<string[]>
-  getComponentInfo(filename: string): Promise<Record<string, unknown>>
-  onTerminalData(_: { id?: string; data: string }): void
-  onTerminalExit(_: { id?: string; data?: string }): void
-  onFileWatch(_: { event: string; path: string }): void
-  installPackage(packages: string[], options?: ExecNpmScriptOptions): Promise<void>
-  uninstallPackage(packages: string[], options?: ExecNpmScriptOptions): Promise<void>
-  root(): string
-}
-
-declare interface PackageMeta {
-  type: string
-  version: string
-  name: string
-}
-
-/**
- * - `xs` for functions that should only be available in the small view mode, e.g. `__EyeDropper`
- * - `default` is the default view mode
- * - `fullscreen` for fullscreen the whole devtool
- */
-declare type ViewMode = 'xs' | 'default' | 'fullscreen'

package/dist/client/assets/DrawerRight.vue_vue_type_script_setup_true_lang-99688d1e.js

@@ -1,81 +0,0 @@
-import { _ as _sfc_main$1 } from './IconButton.vue_vue_type_script_setup_true_lang-48a6bea2.js';
-import { v as defineComponent, a$ as ref, cP as useElementSize, cf as onClickOutside, o as openBlock, c as createBlock, h as withCtx, e as createElementBlock, u as createVNode, x as createBaseVNode, f as renderSlot, k as mergeProps, z as unref, g as createCommentVNode, P as Transition } from './index-77d53487.js';
-
-const _hoisted_1 = {
-  relative: "",
-  "h-full": "",
-  "w-full": "",
-  "of-auto": ""
-};
-const __default__ = {
-  inheritAttrs: false
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "DrawerRight",
-  props: {
-    modelValue: { type: Boolean },
-    navbar: {},
-    autoClose: { type: Boolean }
-  },
-  emits: ["close"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const el = ref();
-    const { height: top } = useElementSize(() => props.navbar, void 0, { box: "border-box" });
-    onClickOutside(el, () => {
-      if (props.modelValue && props.autoClose)
-        emit("close");
-    }, {
-      ignore: ["a", "button", "summary", '[role="dialog"]']
-    });
-    return (_ctx, _cache) => {
-      const _component_VDIconButton = _sfc_main$1;
-      return openBlock(), createBlock(Transition, {
-        "enter-active-class": "duration-200 ease-in",
-        "enter-from-class": "transform translate-x-1/1",
-        "enter-to-class": "opacity-100",
-        "leave-active-class": "duration-200 ease-out",
-        "leave-from-class": "opacity-100",
-        "leave-to-class": "transform translate-x-1/1"
-      }, {
-        default: withCtx(() => [
-          _ctx.modelValue ? (openBlock(), createElementBlock("div", mergeProps({
-            key: 0,
-            ref_key: "el",
-            ref: el,
-            border: "l base",
-            flex: "~ col gap-1",
-            absolute: "",
-            "bottom-0": "",
-            "right-0": "",
-            "z-10": "",
-            "z-20": "",
-            "of-auto": "",
-            "text-sm": "",
-            "glass-effect": "",
-            style: { top: `${unref(top)}px` }
-          }, _ctx.$attrs), [
-            createVNode(_component_VDIconButton, {
-              absolute: "",
-              "right-2": "",
-              "top-2": "",
-              "z-20": "",
-              "text-xl": "",
-              icon: "carbon-close",
-              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
-            }),
-            createBaseVNode("div", _hoisted_1, [
-              renderSlot(_ctx.$slots, "default")
-            ])
-          ], 16)) : createCommentVNode("", true)
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-
-/* Injected with object hook! */
-
-export { _sfc_main as _ };

package/dist/client/assets/IconButton.vue_vue_type_script_setup_true_lang-48a6bea2.js

@@ -1,26 +0,0 @@
-import { v as defineComponent, o as openBlock, c as createBlock, h as withCtx, u as createVNode, bJ as _sfc_main$1, k as mergeProps, j as resolveDynamicComponent } from './index-77d53487.js';
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconButton",
-  props: {
-    to: {},
-    icon: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(_ctx.to ? "a" : "button"), mergeProps({ href: _ctx.to }, _ctx.$attrs, { class: "n-transition n-icon-button" }), {
-        default: withCtx(() => [
-          createVNode(_sfc_main$1, {
-            icon: props.icon
-          }, null, 8, ["icon"])
-        ]),
-        _: 1
-      }, 16, ["href"]);
-    };
-  }
-});
-
-/* Injected with object hook! */
-
-export { _sfc_main as _ };

package/dist/client/assets/IconTitle.vue_vue_type_script_setup_true_lang-adb17252.js

@@ -1,30 +0,0 @@
-import { v as defineComponent, o as openBlock, e as createElementBlock, q as normalizeClass, g as createCommentVNode, f as renderSlot, x as createBaseVNode, y as toDisplayString } from './index-77d53487.js';
-
-const _hoisted_1 = {
-  flex: "~ gap-3",
-  "items-center": ""
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconTitle",
-  props: {
-    icon: {},
-    text: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        _ctx.icon ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(_ctx.icon)
-        }, null, 2)) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          createBaseVNode("div", null, toDisplayString(_ctx.text), 1)
-        ])
-      ]);
-    };
-  }
-});
-
-/* Injected with object hook! */
-
-export { _sfc_main as _ };

package/dist/client/assets/IframeView.vue_vue_type_script_setup_true_lang-4ccdbf42.js

@@ -1,96 +0,0 @@
-import { v as defineComponent, cc as useColorMode, a$ as ref, a1 as computed, aZ as reactive, cv as useElementBounding, aP as onMounted, n as nextTick, bz as watchEffect, aU as onUnmounted, o as openBlock, e as createElementBlock, z as unref, g as createCommentVNode, x as createBaseVNode } from './index-77d53487.js';
-
-const _hoisted_1 = {
-  key: 0,
-  absolute: "",
-  "inset-0": "",
-  flex: "",
-  "items-center": "",
-  "justify-center": ""
-};
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("i", { class: "mdi:loading animate-spin text-3xl" }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
-];
-const iframeCacheMap = /* @__PURE__ */ new Map();
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IframeView",
-  props: {
-    src: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const colorMode = useColorMode();
-    const anchor = ref();
-    const key = computed(() => props.src);
-    const iframeEl = ref();
-    const box = reactive(useElementBounding(anchor));
-    const iframeLoaded = ref(false);
-    onMounted(() => {
-      if (iframeCacheMap.get(key.value)) {
-        iframeEl.value = iframeCacheMap.get(key.value);
-        iframeEl.value.style.visibility = "visible";
-        iframeLoaded.value = true;
-      } else {
-        iframeEl.value = document.createElement("iframe");
-        iframeCacheMap.set(key.value, iframeEl.value);
-        iframeEl.value.src = props.src;
-        try {
-          iframeEl.value.style.opacity = "0.01";
-          iframeEl.value.onload = () => {
-            syncColorMode();
-            iframeEl.value.style.opacity = "1";
-            iframeLoaded.value = true;
-          };
-        } catch (e) {
-          iframeEl.value.style.opacity = "1";
-        }
-        document.body.appendChild(iframeEl.value);
-        nextTick(updateIframeBox);
-      }
-      setTimeout(syncColorMode, 100);
-    });
-    watchEffect(updateIframeBox);
-    watchEffect(syncColorMode);
-    onUnmounted(() => {
-      if (iframeEl.value)
-        iframeEl.value.style.visibility = "hidden";
-    });
-    function syncColorMode() {
-      if (!iframeEl.value || !iframeEl.value.contentWindow)
-        return;
-      try {
-        const html = iframeEl.value.contentWindow.document.querySelector("html");
-        html?.classList.toggle("dark", colorMode.value === "dark");
-        html?.classList.toggle("light", colorMode.value === "dark");
-      } catch (e) {
-      }
-    }
-    function updateIframeBox() {
-      if (!iframeEl.value)
-        return;
-      Object.assign(iframeEl.value.style, {
-        position: "fixed",
-        left: `${box.left}px`,
-        top: `${box.top}px`,
-        width: `${box.width}px`,
-        height: `${box.height}px`,
-        outline: "none"
-      });
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "anchor",
-        ref: anchor,
-        "h-full": "",
-        "w-full": ""
-      }, [
-        !unref(iframeLoaded) ? (openBlock(), createElementBlock("div", _hoisted_1, _hoisted_3)) : createCommentVNode("", true)
-      ], 512);
-    };
-  }
-});
-
-/* Injected with object hook! */
-
-export { _sfc_main as _ };

package/dist/client/assets/PanelGrids-664603ce.js

@@ -1,15 +0,0 @@
-import { bK as _export_sfc, o as openBlock, e as createElementBlock, f as renderSlot } from './index-77d53487.js';
-
-/* unplugin-vue-components disabled */const _sfc_main = {};
-
-const _hoisted_1 = { class: "n-panel-grids-center" };
-
-function _sfc_render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("div", _hoisted_1, [
-    renderSlot(_ctx.$slots, "default")
-  ]))
-}
-const __unplugin_components_0 = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
-/* Injected with object hook! */
-
-export { __unplugin_components_0 as _ };

package/dist/client/assets/SectionBlock-0024395a.css

@@ -1,18 +0,0 @@
-
-details[data-v-e966339e] {
-  border-style:none;;
-}
-summary[data-v-e966339e] {
-  border-style:none;;
-  list-style: none;
-}
-details[open] summary[data-v-e966339e] {
-  border-style:none;;
-}
-details summary[data-v-e966339e]::-webkit-details-marker {
-  display:none;
-}
-details[open] .chevron[data-v-e966339e] {
-  transform: rotate(180deg);
-  opacity: 0.75;
-}

package/dist/client/assets/SectionBlock-04b7ab1e.js

@@ -1,109 +0,0 @@
-import { _ as _sfc_main$1 } from './IconTitle.vue_vue_type_script_setup_true_lang-adb17252.js';
-import { v as defineComponent, bL as useVModel, b as resolveDirective, o as openBlock, e as createElementBlock, x as createBaseVNode, q as normalizeClass, u as createVNode, h as withCtx, f as renderSlot, g as createCommentVNode, c as createBlock, z as unref, d as withDirectives, F as Fragment, a9 as createTextVNode, y as toDisplayString, p as pushScopeId, a as popScopeId, bJ as _sfc_main$2, bK as _export_sfc } from './index-77d53487.js';
-
-const _withScopeId = (n) => (pushScopeId("data-v-e966339e"), n = n(), popScopeId(), n);
-const _hoisted_1 = ["open"];
-const _hoisted_2 = { "text-base": "" };
-const _hoisted_3 = {
-  key: 0,
-  "text-sm": "",
-  op50: ""
-};
-const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("div", { class: "flex-auto" }, null, -1));
-const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("div", { class: "x-divider" }, null, -1));
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "SectionBlock",
-  props: {
-    icon: {},
-    text: {},
-    description: {},
-    containerClass: { default: "" },
-    collapse: { type: Boolean, default: true },
-    open: { type: Boolean, default: true },
-    padding: { type: [Boolean, String], default: true }
-  },
-  setup(__props) {
-    const props = __props;
-    const open = useVModel(props, "open", void 0, { passive: true });
-    function onToggle(e) {
-      open.value = e.target.open;
-    }
-    return (_ctx, _cache) => {
-      const _component_VDIcon = _sfc_main$2;
-      const _component_VDIconTitle = _sfc_main$1;
-      const _directive_lazy_show = resolveDirective("lazy-show");
-      return openBlock(), createElementBlock(Fragment, null, [
-        createBaseVNode("details", {
-          open: unref(open),
-          onToggle
-        }, [
-          createBaseVNode("summary", {
-            class: normalizeClass(["cursor-pointer select-none hover:bg-active p4", _ctx.collapse ? "" : "pointer-events-none"])
-          }, [
-            createVNode(_component_VDIconTitle, {
-              icon: _ctx.icon,
-              text: _ctx.text,
-              "text-xl": "",
-              transition: "",
-              class: normalizeClass(unref(open) ? "op100" : "op60")
-            }, {
-              default: withCtx(() => [
-                createBaseVNode("div", null, [
-                  createBaseVNode("div", _hoisted_2, [
-                    renderSlot(_ctx.$slots, "text", {}, () => [
-                      createTextVNode(toDisplayString(_ctx.text), 1)
-                    ], true)
-                  ]),
-                  _ctx.description || _ctx.$slots.description ? (openBlock(), createElementBlock("div", _hoisted_3, [
-                    renderSlot(_ctx.$slots, "description", {}, () => [
-                      createTextVNode(toDisplayString(_ctx.description), 1)
-                    ], true)
-                  ])) : createCommentVNode("", true)
-                ]),
-                _hoisted_4,
-                renderSlot(_ctx.$slots, "actions", {}, void 0, true),
-                _ctx.collapse ? (openBlock(), createBlock(_component_VDIcon, {
-                  key: 0,
-                  icon: "carbon-chevron-down",
-                  class: "chevron",
-                  "cursor-pointer": "",
-                  "place-self-start": "",
-                  "text-base": "",
-                  op75: "",
-                  transition: "",
-                  "duration-500": ""
-                })) : createCommentVNode("", true)
-              ]),
-              _: 3
-            }, 8, ["icon", "text", "class"])
-          ], 2),
-          withDirectives((openBlock(), createElementBlock("div", {
-            class: normalizeClass(["flex flex-col flex-gap2 pb6 pt2", typeof _ctx.padding === "string" ? _ctx.padding : _ctx.padding ? "px4" : ""])
-          }, [
-            renderSlot(_ctx.$slots, "details", {}, void 0, true),
-            createBaseVNode("div", {
-              class: normalizeClass([_ctx.containerClass, "mt1"])
-            }, [
-              renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 2),
-            renderSlot(_ctx.$slots, "footer", {}, void 0, true)
-          ], 2)), [
-            [_directive_lazy_show, unref(open)]
-          ])
-        ], 40, _hoisted_1),
-        _hoisted_5
-      ], 64);
-    };
-  }
-});
-
-/* Injected with object hook! */
-
-/* unplugin-vue-components disabled */const SectionBlock_vue_vue_type_style_index_0_scoped_e966339e_lang = '';
-/* Injected with object hook! */
-
-const __unplugin_components_3 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e966339e"]]);
-
-/* Injected with object hook! */
-
-export { __unplugin_components_3 as _ };