vitepress-plugin-sfc 2.0.0-beta.2 → 2.0.0-beta.4

package/README.md

@@ -1,25 +1,26 @@
 # VitePress Plugin SFC
 
-[Documentation](https://vitepress-plugin-sfc-playgrou.vercel.app/)
+[Documentation](https://vitepress-plugin-sfc-playgrou.vercel.app/) | [中文](README-zh-CN.md)
 
 Allows you to write Vue SFC within Markdown files and render them in VitePress.
 
 ## Install
 
 ```shell
-npm install -D vitepress-plugin-sfc
+npm install -D vitepress-plugin-sfc@latest
 ```
 
 ## Configuration
 
-Configure it in `.vitepress/config.ts`:
+Configure it in `.vitepress/config.ts` and `.vitepress/theme/index.ts`:
+
+`.vitepress/config.ts`
 
 ```ts
 import { defineConfig } from "vitepress";
 import { sfcPlugin, sfcRegistryVitePlugin } from "vitepress-plugin-sfc";
 
 export default defineConfig({
-  // ...other configurations
   markdown: {
     config: (md) => {
       md.use(sfcPlugin);
@@ -31,6 +32,21 @@ export default defineConfig({
 });
 ```
 
+`.vitepress/theme/index.ts`
+
+```ts
+import DefaultTheme from "vitepress/theme";
+import { enhanceAppWithComponentView } from "vitepress-plugin-sfc/client";
+import "vitepress-plugin-sfc/style";
+
+export default {
+  extends: DefaultTheme,
+  async enhanceApp({ app }) {
+    await enhanceAppWithComponentView(app);
+  },
+};
+```
+
 ## Usage
 
 Wrap **valid** Vue SFC content with `:::sfc`:

package/dist/GroupTabs-voGdJiur.mjs

@@ -0,0 +1 @@
+import{t as e}from"./export-helper-9pbmIWWh.mjs";import{useData as t}from"vitepress";import{Fragment as n,computed as r,createElementBlock as i,createElementVNode as a,defineComponent as o,normalizeClass as s,openBlock as c,ref as l,renderList as u,renderSlot as d,toDisplayString as f,useId as p,vShow as m,withDirectives as h}from"vue";var g=o({__name:`GroupTabs`,props:{locale:{type:Object,required:!1}},setup(e,{expose:n}){n();let i={en:{label:{preview:`Preview`,code:`Source Code`}},zh:{label:{preview:`预览`,code:`源代码`}}},a=e,{lang:o}=t(),s={DEFAULT_LOCALE:i,props:a,lang:o,currentLocale:r(()=>a.locale?.[o.value]||i[o.value]),activedTab:l(`preview`),tabGroupId:p()};return Object.defineProperty(s,`__isScriptSetup`,{enumerable:!1,value:!0}),s}});const _={class:`vp-component-tabs`},v=[`id`,`name`,`data-checked`],y=[`for`,`onClick`];function b(e,t,r,o,l,p){return c(),i(`div`,_,[a(`header`,null,[(c(!0),i(n,null,u(o.currentLocale.label,(e,t)=>(c(),i(n,{key:t},[a(`input`,{id:`tab-${o.tabGroupId}-${t}`,type:`radio`,name:`vp-component-tabs-${o.tabGroupId}`,style:{position:`fixed`,opacity:`0`,"pointer-events":`none`},"data-checked":o.activedTab===t},null,8,v),a(`label`,{for:`tab-${o.tabGroupId}-${t}`,onClick:e=>o.activedTab=t},f(e),9,y)],64))),128))]),h(a(`main`,null,[d(e.$slots,`default`)],512),[[m,o.activedTab===`preview`]]),h(a(`div`,{class:s(`language-vue${o.activedTab===`code`?` active`:``}`),style:{margin:`0px`}},[t[0]||=a(`button`,{title:`copy source code`,class:`copy`},null,-1),t[1]||=a(`span`,{class:`lang`},`Vue`,-1),d(e.$slots,`highlight`)],2),[[m,o.activedTab===`code`]])])}var x=e(g,[[`render`,b],[`__file`,`/home/runner/work/vitepress-plugin-sfc/vitepress-plugin-sfc/src/client/GroupTabs.vue`]]);export{x as default};

package/dist/client.d.mts

@@ -0,0 +1,2 @@
+import { a as enhanceAppWithComponentView, i as configSymbol, n as Config, r as GroupTabsProps, t as ComponentViewProps } from "./index-DHKDP_Um.mjs";
+export { ComponentViewProps, Config, GroupTabsProps, configSymbol, enhanceAppWithComponentView };

package/dist/client.mjs

@@ -0,0 +1 @@
+import{t as e}from"./export-helper-9pbmIWWh.mjs";import{computed as t,createBlock as n,createElementBlock as r,defineComponent as i,getCurrentInstance as a,inject as o,openBlock as s,renderSlot as c,resolveDynamicComponent as l,withCtx as u}from"vue";var d=i({__name:`ComponentView`,props:{render:{type:[String,Object],required:!1},disableRender:{type:Boolean,required:!1,default:!1}},setup(e,{expose:n}){n();let r=e,i=o(m),s=a(),c={props:r,injectedConfig:i,instance:s,config:t(()=>{let{render:e,disableRender:t}=i,n={render:e||r.render,disableRender:t??r.disableRender},a=s.appContext.app.component(n.render);return a||console.warn(`[vitepress-plugin-sfc] Unregistered component: ${n.render}`),{...n,render:a}})};return Object.defineProperty(c,`__isScriptSetup`,{enumerable:!1,value:!0}),c}});function f(e,t,i,a,o,d){return s(),r(`div`,null,[!a.config.render||a.config.disableRender?c(e.$slots,`default`,{key:0}):(s(),n(l(a.config.render),{key:1},{highlight:u(()=>[c(e.$slots,`highlight`)]),default:u(()=>[c(e.$slots,`default`)]),_:3}))])}var p=e(d,[[`render`,f],[`__file`,`/home/runner/work/vitepress-plugin-sfc/vitepress-plugin-sfc/src/client/ComponentView.vue`]]);const m=Symbol(`__vitepress_plugin_sfc_config`),h={render:`GroupTabs`};async function g(e,t){e.component(`ComponentView`,p);let n={...h,...t};if(e)e.provide(m,n);else throw Error("[vitepress-plugin-sfc] The `useConfig` must be called within a Vue component if not providing an app");let{render:r,disableRender:i}=n;if(!i&&r===`GroupTabs`){let t=await import(`./GroupTabs-voGdJiur.mjs`);e.component(`GroupTabs`,t.default)}}export{m as configSymbol,g as enhanceAppWithComponentView};

package/dist/export-helper-9pbmIWWh.mjs

@@ -0,0 +1 @@
+var e=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n};export{e as t};

package/dist/index-DHKDP_Um.d.mts

@@ -0,0 +1,22 @@
+import { EnhanceAppContext } from "vitepress";
+
+//#region src/client/index.d.ts
+interface ComponentViewProps {
+  render?: "GroupTabs" | "SourceCodeButton" | (string & {});
+  disableRender?: boolean;
+}
+interface GroupTabsProps {
+  locale?: Record<string, {
+    label: {
+      preview: string;
+      code: string;
+    };
+  }>;
+}
+type Config = ComponentViewProps & {
+  groupTabs?: GroupTabsProps;
+};
+declare const configSymbol: unique symbol;
+declare function enhanceAppWithComponentView(app: EnhanceAppContext["app"], config?: Config): Promise<void>;
+//#endregion
+export { enhanceAppWithComponentView as a, configSymbol as i, Config as n, GroupTabsProps as r, ComponentViewProps as t };