@creatorsn/powereditor3 0.0.1

package/docs/.vitepress/config.mts

@@ -0,0 +1,67 @@
+import { defineConfig } from 'vitepress'
+import path from 'path';
+
+export default defineConfig({
+    title: 'PowerEditor3',
+    description: '基于VFluent3基础组件封装使用',
+    lang: 'cn-ZH',
+    base: '/via/',
+    lastUpdated: true,
+    vite: {
+        resolve: {
+            alias: {
+                '@': path.resolve(__dirname, '../../'),
+            },
+        },
+    },
+    themeConfig: {
+        logo: '/favicon.ico',
+        siteTitle: 'PowerEditor3',
+        footer: {
+            message: 'MIT Licensed',
+            copyright: 'Copyright © Creator SN - 2025'
+        },
+        search: {
+            provider: 'local'
+        },
+        outline: 3,
+        socialLinks: [
+            { icon: 'github', link: 'https://github.com/wocwin/t-ui-plus' }
+        ],
+        nav: [
+            { text: 'PowerEditor3', link: '/' },
+            {
+                text: 'VFluent3',
+                link: 'https://github.com/Creator-SN/VFluent3'
+            },
+            {
+                text: '关于',
+                items: [
+                    { text: 'Creator SN', link: 'https://github.com/Creator-SN' },
+                ]
+            }
+        ],
+        sidebar: {
+            '/components': [
+                {
+                    text: '常用组件',
+                    items: [
+                        { text: '下拉选择组件', link: '/components/TSelect/base.md' },
+                        { text: '下拉选择表格组件', link: '/components/TSelectTable/base.md' },
+                    ]
+                },
+                {
+                    text: 'Dev',
+                    items: [
+                        { text: 'Dev测试', link: '/components/devC/index.md' },
+                    ]
+                }
+            ]
+        }
+    },
+    markdown: {
+        config(md) {
+
+        }
+    }
+})

package/docs/.vitepress/theme/custom.vue

@@ -0,0 +1,16 @@
+<template>
+	<Layout> </Layout>
+</template>
+
+<script setup>
+import DefaultTheme from "vitepress/theme";
+import { useData } from "vitepress";
+import { watch } from "vue";
+
+const { Layout } = DefaultTheme;
+const viteData = useData();
+
+watch(viteData.isDark, (val) => {
+	console.log(val);
+});
+</script>

package/docs/.vitepress/theme/index.ts

@@ -0,0 +1,11 @@
+import Custom from "./custom.vue"
+import type { App } from "vue"
+import { PowerEditorPlugins } from "@/packages"
+import './style.css'
+
+export default {
+    Layout: Custom,
+    enhanceApp: ({ app }: { app: App }) => {
+        app.use(PowerEditorPlugins)
+    }
+}

package/docs/.vitepress/theme/style.css

@@ -0,0 +1,11 @@
+:root {
+  --vp-c-brand-1: #747bff;       /* 品牌色 */
+  --vp-c-brand-light: #747bff; /* 浅色 */
+  --vp-c-brand-lighter: #9499ff; /* 更浅 */
+  --vp-c-brand-dark: #535bf2;   /* 深色 */
+  --vp-c-brand-darker: #454ce1; /* 更深 */
+  
+  /* 其他可自定义颜色 */
+  --vp-c-accent: #ff9800;
+  --vp-button-brand-bg: var(--vp-c-brand);
+}

package/docs/components/devC/index.md

@@ -0,0 +1,3 @@
+# DevC Usage API
+
+<dev-c></dev-c>

package/docs/demos/devC/index.md

@@ -0,0 +1 @@
+# Dev C Demo

package/docs/index.md

@@ -0,0 +1,47 @@
+---
+layout: home
+
+title: PowerEditor3
+# titleTemplate: 选项卡描述
+editLink: true
+lastUpdated: true
+hero:
+  name: PowerEditor3
+  text: vue3基础组件
+  tagline: Vue3 中基于VFluent3二次封装基础组件文档
+  image:
+    src: /assets/logo.svg
+    alt: PowerEditor
+  actions:
+    - theme: brand
+      text: 安装指南
+      link: /components/devC/index.md
+    - theme: brand
+      text: 组件预览
+      link: /components/devC/index.md
+features:
+  - icon: 🔨
+    title: 实际项目
+    details: 实际项目中碰到的疑点、难点，致力于更优的自我。。
+  - icon: 😄
+    title: 基础组件
+    details: 基于VFluent3二次封装；使用组件 Demo 快速体验交互细节。。
+  - icon: ✈️
+    title: Vue驱动。
+    details: 享受 Vue3 + vite3 的开发体验，在 Markdown 中使用 Vue 组件，同时可以使用 Vue 来开发自定义主题。
+---
+<p style="display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 10px;">
+  <a href="https://github.com/vuejs/vue" target="_blank">
+    <img src="https://img.shields.io/badge/vue-3.5.13-orange.svg" alt="vue3">
+  </a>
+   <a href="https://github.com/aleversn/vfluent/stargazers" target="_blank">
+    <img src="https://img.shields.io/github/stars/aleversn/vfluent.svg" alt="vfluent">
+  </a>
+   <a href="https://www.npmjs.com/package/@creatorsn/vfluent3" target="_blank">
+      <img alt="npm" src="https://img.shields.io/npm/v/@creatorsn/vfluent3.svg" />
+    </a>
+</p>
+

package/docs/public/assets/logo.svg

@@ -0,0 +1 @@
+<svg width="1689" height="1863" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden"><defs><filter id="fx0" x="-10%" y="-10%" width="120%" height="120%" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="discrete" tableValues="0 0"/><feFuncG type="discrete" tableValues="0 0"/><feFuncB type="discrete" tableValues="0 0"/><feFuncA type="linear" slope="0.309804" intercept="0"/></feComponentTransfer><feGaussianBlur stdDeviation="7.12271 7.12963"/></filter><filter id="fx1" x="-10%" y="-10%" width="120%" height="120%" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="discrete" tableValues="0 0"/><feFuncG type="discrete" tableValues="0 0"/><feFuncB type="discrete" tableValues="0 0"/><feFuncA type="linear" slope="0.0509804" intercept="0"/></feComponentTransfer><feGaussianBlur stdDeviation="6.11111 6.13546"/></filter><filter id="fx2" x="-10%" y="-10%" width="120%" height="120%" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="discrete" tableValues="0 0"/><feFuncG type="discrete" tableValues="0 0"/><feFuncB type="discrete" tableValues="0 0"/><feFuncA type="linear" slope="0.0509804" intercept="0"/></feComponentTransfer><feGaussianBlur stdDeviation="6.11473 6.11493"/></filter><filter id="fx3" x="-10%" y="-10%" width="120%" height="120%" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="discrete" tableValues="0 0"/><feFuncG type="discrete" tableValues="0 0"/><feFuncB type="discrete" tableValues="0 0"/><feFuncA type="linear" slope="0.0509804" intercept="0"/></feComponentTransfer><feGaussianBlur stdDeviation="6.11111 6.11818"/></filter><clipPath id="clip4"><rect x="1274" y="138" width="1689" height="1863"/></clipPath><clipPath id="clip5"><rect x="-7.65924" y="-7.33331" width="359.318" height="301.667"/></clipPath><clipPath id="clip6"><rect x="0" y="0" width="343" height="288"/></clipPath><clipPath id="clip7"><rect x="-3.5" y="-6.52588" width="156" height="139.052"/></clipPath><clipPath id="clip8"><rect x="0" y="0" width="147" height="126"/></clipPath><linearGradient x1="1631.82" y1="456.919" x2="1818.41" y2="553.496" gradientUnits="userSpaceOnUse" spreadMethod="reflect" id="fill9"><stop offset="0" stop-color="#FFCA5A"/><stop offset="0.5" stop-color="#FFCA5A"/><stop offset="1" stop-color="#F19745"/></linearGradient><clipPath id="clip10"><rect x="-3.50208" y="-3.5022" width="855.005" height="807.004"/></clipPath><clipPath id="clip11"><rect x="0" y="0" width="846" height="800"/></clipPath><linearGradient x1="1813.49" y1="2249.48" x2="2404.27" y2="44.3765" gradientUnits="userSpaceOnUse" spreadMethod="reflect" id="fill12"><stop offset="0" stop-color="#FFCA5A"/><stop offset="0.5" stop-color="#FFCA5A"/><stop offset="1" stop-color="#F19745"/></linearGradient><linearGradient x1="3129.61" y1="1447.84" x2="995.389" y2="896.939" gradientUnits="userSpaceOnUse" spreadMethod="reflect" id="fill13"><stop offset="0" stop-color="#F8EA80"/><stop offset="0.0357143" stop-color="#F7E97F"/><stop offset="0.0714286" stop-color="#F7E97F"/><stop offset="0.107143" stop-color="#F7E97F"/><stop offset="0.142857" stop-color="#F7E97F"/><stop offset="0.178571" stop-color="#F7E87E"/><stop offset="0.214286" stop-color="#F7E87E"/><stop offset="0.25" stop-color="#F7E87D"/><stop offset="0.285714" stop-color="#F7E77D"/><stop offset="0.321429" stop-color="#F7E67C"/><stop offset="0.357143" stop-color="#F7E67B"/><stop offset="0.392857" stop-color="#F7E57A"/><stop offset="0.428571" stop-color="#F7E47A"/><stop offset="0.464286" stop-color="#F7E379"/><stop offset="0.5" stop-color="#F7E278"/><stop offset="0.535714" stop-color="#F7E177"/><stop offset="0.571429" stop-color="#F7E075"/><stop offset="0.607143" stop-color="#F7DF74"/><stop offset="0.642857" stop-color="#F7DE73"/><stop offset="0.678571" stop-color="#F7DD71"/><stop offset="0.714286" stop-color="#F7DC70"/><stop offset="0.75" stop-color="#F7DA6F"/><stop offset="0.785714" stop-color="#F7D96D"/><stop offset="0.821429" stop-color="#F7D86B"/><stop offset="0.857143" stop-color="#F7D66A"/><stop offset="0.892857" stop-color="#F7D468"/><stop offset="0.928571" stop-color="#F7D366"/><stop offset="0.964286" stop-color="#F7D164"/><stop offset="1" stop-color="#F7D063"/></linearGradient><clipPath id="clip14"><rect x="-6.5" y="-6.50751" width="232" height="445.014"/></clipPath><clipPath id="clip15"><rect x="0" y="0" width="222" height="433"/></clipPath><linearGradient x1="-4.20134e-14" y1="673.415" x2="673.415" y2="-4.20134e-14" gradientUnits="userSpaceOnUse" spreadMethod="reflect" id="fill16"><stop offset="0" stop-color="#FFCA5A"/><stop offset="0.5" stop-color="#FCD03C"/><stop offset="1" stop-color="#F7E563"/></linearGradient></defs><g clip-path="url(#clip4)" transform="translate(-1274 -138)"><g clip-path="url(#clip5)" filter="url(#fx0)" transform="matrix(3.00292 0 0 3 1625 882)"><g clip-path="url(#clip6)"><path d="M53.8057 34.927 37.7008 22.0016C36.3087 23.5104 34.9428 25.0365 33.6027 26.5881 32.2072 28.2358 30.8139 29.9016 29.4658 31.6149L29.4037 31.6856 29.3461 31.7632C28.0176 33.4794 26.7418 35.2408 25.4825 37.014 24.3059 38.6921 23.1543 40.3932 22.0404 42.114L38.1409 55.0433C43.978 59.7171 51.306 61.6878 57.7284 60.3058L313.977 265.887C316.303 265.86 318.654 265.792 320.967 265.599 320.609 263.267 320.145 260.942 319.629 258.623L63.3833 53.0499C63.2215 46.3916 59.6416 39.6066 53.8057 34.927Z" fill="#181717" fill-rule="evenodd"/></g></g><path d="M1760.65 960.854 1712.29 922.078C1708.1 926.604 1704 931.182 1699.98 935.837 1695.79 940.78 1691.6 945.778 1687.56 950.917L1687.37 951.13 1687.2 951.362C1683.21 956.511 1679.38 961.795 1675.59 967.115 1672.06 972.149 1668.6 977.252 1665.26 982.415L1713.61 1021.2C1731.13 1035.22 1753.14 1041.14 1772.43 1036.99L2541.92 1653.73C2548.9 1653.65 2555.96 1653.45 2562.91 1652.87 2561.84 1645.87 2560.44 1638.9 2558.89 1631.94L1789.41 1015.22C1788.92 995.247 1778.17 974.893 1760.65 960.854Z" fill="#181717" fill-rule="evenodd"/><g clip-path="url(#clip7)" filter="url(#fx1)" transform="matrix(2 0 0 1.99206 1571 414)"><g clip-path="url(#clip8)"><path d="M19.1304 57.7348 70.1277 22.5244 127.835 18.9645 103.874 71.7909 52.8763 107.001Z" fill="#FF0000" fill-rule="evenodd"/></g></g><path d="M1599.54 519.289 1701.53 449.147 1816.95 442.056 1769.02 547.289 1667.03 617.431Z" fill="url(#fill9)" fill-rule="evenodd"/><g clip-path="url(#clip10)" filter="url(#fx2)" transform="matrix(1.99882 0 0 1.99875 1273 403)"><g clip-path="url(#clip11)"><path d="M610.076 19.2041C807.697 122.507 884.16 366.459 780.86 564.086 677.561 761.713 433.617 838.179 235.997 734.876 38.3763 631.573-38.0863 387.621 65.2129 189.994 100.678 122.144 154.701 65.7758 220.983 27.4628L250.765 78.9901C86.1626 174.136 29.8542 384.709 124.997 549.317 220.14 713.925 430.705 770.236 595.308 675.09 759.911 579.944 816.219 369.371 721.076 204.763 688.412 148.249 640.354 102.187 582.507 71.9488Z" fill="#FF0000" fill-rule="evenodd"/></g></g><path d="M2482.71 431.662C2877.72 638.138 3030.55 1125.74 2824.08 1520.74 2617.6 1915.75 2130 2068.59 1734.99 1862.11 1339.98 1655.63 1187.15 1168.04 1393.63 773.028 1464.51 637.413 1572.5 524.747 1704.98 448.169L1764.51 551.159C1435.5 741.332 1322.95 1162.21 1513.12 1491.22 1703.3 1820.24 2124.18 1932.79 2453.19 1742.61 2782.2 1552.44 2894.75 1131.56 2704.58 802.547 2639.29 689.59 2543.23 597.524 2427.6 537.085Z" fill="url(#fill12)" fill-rule="evenodd"/><path d="M2915.75 1161.76C2907.54 1607.4 2539.62 1962.01 2093.97 1953.79 1648.33 1945.58 1293.73 1577.65 1301.95 1132.01 1307.15 849.5 1459.73 590.286 1704.21 448.615L1724.94 484.394C1359.06 696.418 1234.33 1164.91 1446.36 1530.79 1658.38 1896.68 2126.87 2021.4 2492.75 1809.38 2724.7 1674.97 2869.47 1429.04 2874.41 1161Z" fill="url(#fill13)" fill-rule="evenodd"/><g clip-path="url(#clip14)" filter="url(#fx3)" transform="matrix(2 0 0 1.99769 1923 137)"><g clip-path="url(#clip15)" transform="matrix(1 0 0 1 0 -1.42109e-14)"><path d="M132.093 0 200.509 94.7975 172.288 105.977 258.464 187.209 230.243 200.774 336.781 336.781 156.104 232.55 190.562 218.081 78.3015 151.317 118.528 130.69 0 60.6517Z" fill="#FF0000" fill-rule="evenodd" transform="matrix(-0.901196 0.433411 0.432911 0.902238 176.641 -35.7268)"/></g></g><path d="M264.128 0 400.931 189.554 344.502 211.908 516.815 374.338 460.385 401.461 673.415 673.415 312.14 464.999 381.041 436.067 156.569 302.569 237.005 261.322 0 121.277Z" fill="url(#fill16)" fill-rule="evenodd" transform="matrix(-0.901392 0.433005 0.433005 0.901392 2266.56 55.9062)"/></g></svg>

package/package.json

@@ -0,0 +1,34 @@
+{
+    "name": "@creatorsn/powereditor3",
+    "private": false,
+    "version": "0.0.1",
+    "publishConfig": {
+        "access": "public"
+    },
+    "type": "module",
+    "main": "dist/powereditor3.umd.cjs",
+    "module": "dist/powereditor3.js",
+    "scripts": {
+        "docs:dev": "vitepress dev docs",
+        "docs:build": "vitepress build docs",
+        "dev": "vite",
+        "build": "vue-tsc -b && vite build",
+        "preview": "vite preview"
+    },
+    "dependencies": {
+        "autoprefixer": "^10.4.21",
+        "path": "^0.12.7",
+        "sass": "^1.89.2",
+        "url": "^0.11.4",
+        "vue": "^3.5.13"
+    },
+    "devDependencies": {
+        "@types/node": "^24.0.3",
+        "@vitejs/plugin-vue": "^5.2.3",
+        "@vue/tsconfig": "^0.7.0",
+        "typescript": "~5.8.3",
+        "vite": "^6.3.5",
+        "vitepress": "^1.6.3",
+        "vue-tsc": "^2.2.8"
+    }
+}

package/packages/devC/index.ts

@@ -0,0 +1,5 @@
+import Dev from './src/index.vue';
+import { convertPlugin } from '../install.ts';
+
+export const DevC = convertPlugin(Dev);
+export default DevC;

package/packages/devC/src/index.vue

@@ -0,0 +1,36 @@
+<template>
+	<div class="dev-c-container">
+		<h1>{{ title }}</h1>
+		<p>{{ message }}</p>
+	</div>
+</template>
+
+<script setup>
+defineProps({
+	title: {
+		default: "Dev C",
+	},
+});
+</script>
+
+<script>
+export default {
+	name: "DevC",
+	data() {
+		return {
+			message: "Welcome to Dev C!",
+		};
+	},
+	mounted() {
+		console.log(this.message);
+	},
+};
+</script>
+
+<style lang="scss">
+.dev-c-container {
+	padding: 10px;
+	background: whitesmoke;
+    border-radius: 8px;
+}
+</style>

package/packages/index.ts

@@ -0,0 +1,22 @@
+import { App, Plugin } from 'vue';
+import DevC from './devC'
+
+const components = [
+    DevC
+]
+
+export const PowerEditorPlugins: Plugin = {
+    install(app: App, options: any) {
+        for (const component of components) {
+            app.use(component);
+        }
+    },
+};
+
+declare module 'vue' {
+    export interface GlobalComponents {
+        DevC: typeof DevC;
+    }
+}
+
+export default PowerEditorPlugins;

package/packages/install.ts

@@ -0,0 +1,10 @@
+import type { App, Component, Plugin } from 'vue';
+
+type ComponentPlugin<T> = T & Plugin;
+
+export const convertPlugin = <T>(component: T): ComponentPlugin<T> => {
+    (component as ComponentPlugin<T>).install = (app: App): void => {
+        app.component((component as any).name, component as Component);
+    };
+    return component as ComponentPlugin<T>;
+};

package/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/src/App.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import HelloWorld from './components/HelloWorld.vue'
+</script>
+
+<template>
+  <div>
+    <a href="https://vite.dev" target="_blank">
+      <img src="/vite.svg" class="logo" alt="Vite logo" />
+    </a>
+    <a href="https://vuejs.org/" target="_blank">
+      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
+    </a>
+  </div>
+  <HelloWorld msg="Vite + Vue" />
+</template>
+
+<style scoped>
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.vue:hover {
+  filter: drop-shadow(0 0 2em #42b883aa);
+}
+</style>

package/src/App.vue.js

@@ -0,0 +1,53 @@
+import HelloWorld from './components/HelloWorld.vue';
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {};
+let __VLS_components;
+let __VLS_directives;
+/** @type {__VLS_StyleScopedClasses['logo']} */ ;
+/** @type {__VLS_StyleScopedClasses['logo']} */ ;
+// CSS variable injection 
+// CSS variable injection end 
+__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
+__VLS_asFunctionalElement(__VLS_intrinsicElements.a, __VLS_intrinsicElements.a)({
+    href: "https://vite.dev",
+    target: "_blank",
+});
+__VLS_asFunctionalElement(__VLS_intrinsicElements.img)({
+    src: "/vite.svg",
+    ...{ class: "logo" },
+    alt: "Vite logo",
+});
+__VLS_asFunctionalElement(__VLS_intrinsicElements.a, __VLS_intrinsicElements.a)({
+    href: "https://vuejs.org/",
+    target: "_blank",
+});
+__VLS_asFunctionalElement(__VLS_intrinsicElements.img)({
+    src: "./assets/vue.svg",
+    ...{ class: "logo vue" },
+    alt: "Vue logo",
+});
+/** @type {[typeof HelloWorld, ]} */ ;
+// @ts-ignore
+const __VLS_0 = __VLS_asFunctionalComponent(HelloWorld, new HelloWorld({
+    msg: "Vite + Vue",
+}));
+const __VLS_1 = __VLS_0({
+    msg: "Vite + Vue",
+}, ...__VLS_functionalComponentArgsRest(__VLS_0));
+/** @type {__VLS_StyleScopedClasses['logo']} */ ;
+/** @type {__VLS_StyleScopedClasses['logo']} */ ;
+/** @type {__VLS_StyleScopedClasses['vue']} */ ;
+var __VLS_dollars;
+const __VLS_self = (await import('vue')).defineComponent({
+    setup() {
+        return {
+            HelloWorld: HelloWorld,
+        };
+    },
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+});
+; /* PartiallyEnd: #4569/main.vue */

package/src/assets/vue.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

package/src/components/HelloWorld.vue

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+defineProps<{ msg: string }>()
+
+const count = ref(0)
+</script>
+
+<template>
+  <h1>{{ msg }}</h1>
+
+  <div class="card">
+    <button type="button" @click="count++">count is {{ count }}</button>
+    <p>
+      Edit
+      <code>components/HelloWorld.vue</code> to test HMR
+    </p>
+  </div>
+
+  <p>
+    Check out
+    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
+      >create-vue</a
+    >, the official Vue + Vite starter
+  </p>
+  <p>
+    Learn more about IDE Support for Vue in the
+    <a
+      href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
+      target="_blank"
+      >Vue Docs Scaling up Guide</a
+    >.
+  </p>
+  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
+</template>
+
+<style scoped>
+.read-the-docs {
+  color: #888;
+}
+</style>

package/src/components/HelloWorld.vue.js

@@ -0,0 +1,54 @@
+import { ref } from 'vue';
+const __VLS_props = defineProps();
+const count = ref(0);
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {};
+let __VLS_components;
+let __VLS_directives;
+// CSS variable injection 
+// CSS variable injection end 
+__VLS_asFunctionalElement(__VLS_intrinsicElements.h1, __VLS_intrinsicElements.h1)({});
+(__VLS_ctx.msg);
+__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+    ...{ class: "card" },
+});
+__VLS_asFunctionalElement(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({
+    ...{ onClick: (...[$event]) => {
+            __VLS_ctx.count++;
+        } },
+    type: "button",
+});
+(__VLS_ctx.count);
+__VLS_asFunctionalElement(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({});
+__VLS_asFunctionalElement(__VLS_intrinsicElements.code, __VLS_intrinsicElements.code)({});
+__VLS_asFunctionalElement(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({});
+__VLS_asFunctionalElement(__VLS_intrinsicElements.a, __VLS_intrinsicElements.a)({
+    href: "https://vuejs.org/guide/quick-start.html#local",
+    target: "_blank",
+});
+__VLS_asFunctionalElement(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({});
+__VLS_asFunctionalElement(__VLS_intrinsicElements.a, __VLS_intrinsicElements.a)({
+    href: "https://vuejs.org/guide/scaling-up/tooling.html#ide-support",
+    target: "_blank",
+});
+__VLS_asFunctionalElement(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({
+    ...{ class: "read-the-docs" },
+});
+/** @type {__VLS_StyleScopedClasses['card']} */ ;
+/** @type {__VLS_StyleScopedClasses['read-the-docs']} */ ;
+var __VLS_dollars;
+const __VLS_self = (await import('vue')).defineComponent({
+    setup() {
+        return {
+            count: count,
+        };
+    },
+    __typeProps: {},
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    __typeProps: {},
+});
+; /* PartiallyEnd: #4569/main.vue */

package/src/main.js

@@ -0,0 +1,4 @@
+import { createApp } from 'vue';
+import './style.css';
+import App from './App.vue';
+createApp(App).mount('#app');

package/src/main.ts

@@ -0,0 +1,5 @@
+import { createApp } from 'vue'
+import './style.css'
+import App from './App.vue'
+
+createApp(App).mount('#app')

package/src/style.css

@@ -0,0 +1,79 @@
+:root {
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+.card {
+  padding: 2em;
+}
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}

package/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/tsconfig.json

@@ -0,0 +1,17 @@
+{
+	"compilerOptions": {
+		"target": "ESNext",
+		"module": "ESNext",
+		"lib": ["ESNext", "DOM"],
+		"moduleResolution": "Node",
+		"esModuleInterop": true,
+		"skipLibCheck": true,
+		"strict": true,
+		"baseUrl": "./",
+		"paths": {
+			"@/*": ["src/*"]
+		}
+	},
+	"include": ["src/**/*", "docs/**/*"],
+	"references": [{ "path": "./tsconfig.node.json" }]
+}

package/tsconfig.node.json

@@ -0,0 +1,7 @@
+{
+	"extends": "./tsconfig.json",
+	"compilerOptions": {
+		"composite": true
+	},
+	"include": ["vite.config.ts"]
+}