sftg-frond-library 0.0.1

package/README.md

@@ -0,0 +1,221 @@
+# sftg-frond-library
+
+创建时间：2026-01-19 10:50 操作人：肖瑶
+
+修改时间：2026-01-19 10:50 操作人：肖瑶
+
+基于 Vue 3 + TypeScript + Vite 构建的通用组件库。
+
+🔍 **[查看所有组件与文档索引](./组件与文档索引.md)**
+
+## 一、组件开发规范
+
+为了维护高质量的组件库和文档，请遵循以下开发规范。
+每次修改组件，请及时更新文档。
+
+### 1. 目录结构
+
+每个组件应拥有独立的文件夹，包含源码、入口文件和文档。
+
+```text
+packages/components/
+└── [ComponentName]/            # 使用 PascalCase 命名
+    ├── [ComponentName].vue     # 组件源码
+    ├── index.ts                # 组件导出入口
+    └── README.md               # 组件说明文档
+```
+
+### 2. 文档规范 (README.md)
+
+每个组件必须包含 `README.md`，用于描述组件的功能和用法。请复制以下模板进行编写。
+
+#### 文档模板
+
+```markdown
+# [ComponentName] 组件中文名称
+
+创建时间：YYYY-MM-DD 操作人：xx
+修改时间：YYYY-MM-DD 操作人：xx
+
+## 1. 功能介绍
+
+简要描述组件的功能、用途和适用场景。
+可以包含效果截图或 GIF。
+
+## 2. 使用介绍
+
+### 基础用法
+
+提供最简单的代码示例。
+
+\`\`\`vue
+<template>
+<[ComponentName] />
+</template>
+\`\`\`
+
+### API
+
+#### Props (属性)
+
+| 参数名称 | 说明     | 类型   | 默认值    | 必填 |
+| -------- | -------- | ------ | --------- | ---- |
+| example  | 示例参数 | string | 'default' | 否   |
+
+#### Slots (插槽)
+
+| 插槽名称 | 说明     | 作用域参数 |
+| -------- | -------- | ---------- |
+| default  | 默认内容 | -          |
+
+#### Events (事件)
+
+| 事件名称 | 说明       | 回调参数   |
+| -------- | ---------- | ---------- |
+| click    | 点击时触发 | (e: Event) |
+
+#### Exposes (暴露方法)
+
+| 方法名称 | 说明           | 参数 |
+| -------- | -------------- | ---- |
+| focus    | 使组件获取焦点 | -    |
+```
+
+### 3. 代码规范
+
+1. **命名**：组件文件名和文件夹名使用 PascalCase (如 `MyComponent`)。
+2. **Setup**：推荐使用 `<script setup lang="ts">`。
+3. **Props/Emits**：必须定义类型 (Typescript Interface 或 Object syntax)。
+
+## 二、目录结构架构
+
+本项目采用 **源码与演示分离** 的架构：
+
+- **packages/**: 组件库的核心源码目录。
+  - `components/`: 存放所有 UI 组件。
+  - `index.ts`: 库的统一入口文件，负责导出组件和 install 方法。
+- **src/**: 开发环境的演示/测试应用 (Playground)。
+  - 用于在开发过程中实时预览和调试组件，模拟真实的消费端环境。
+- **dist/**: 构建输出目录 (发布到 npm 的内容)。
+
+```text
+root
+├── packages/              # [核心] 组件库源码
+│   ├── components/        # 组件目录
+│   └── index.ts           # 库入口 & 导出
+├── src/                   # [开发] 演示应用 (Playground)
+├── dist/                  # [产物] 构建后的文件
+├── vite.lib.config.ts     # 库打包专用配置
+└── vite.config.ts         # 演示应用配置
+```
+
+## 三、技术栈
+
+- **Core**: [Vue 3](https://vuejs.org/) (Script Setup, Composition API)
+- **Language**: [TypeScript](https://www.typescriptlang.org/)
+- **Build Tool**: [Vite](https://vitejs.dev/)
+- **Store**: [Pinia](https://pinia.vuejs.org/) (如果是库依赖)
+- **Code Quality**: ESLint, Prettier
+- **Type Generation**: vite-plugin-dts (自动生成 .d.ts 声明文件)
+
+## 四、开发指南
+
+### 1. 项目初始化
+
+```bash
+npm install
+```
+
+### 2. 启动开发环境
+
+启动本地开发服务器，可以在 `src/App.vue` 中直接调试 `packages/` 下的组件。
+
+```bash
+npm run dev
+```
+
+### 3. 类型检查
+
+```bash
+npm run type-check
+```
+
+### 4. 代码格式化与 Lint
+
+```bash
+npm run lint
+npm run format
+```
+
+## 五、构建与发布
+
+本项目配置了专门的打包脚本，用于生成符合 npm 发包标准的产物（包含 ESM, UMD 和 TypeScript 类型声明）。
+
+### 构建组件库
+
+运行以下命令，将 `packages/` 目录下的内容构建到 `dist/` 目录。
+
+```bash
+npm login
+npm run build-lib
+```
+
+**产物说明 (`dist/`):**
+
+- `sftg-frond-library.js`: ESM 格式 (供 Vite/Webpack 等现代构建工具使用)
+- `sftg-frond-library.umd.cjs`: UMD 格式 (供 CDN 或旧版环境使用)
+- `index.d.ts`: TypeScript 类型定义文件
+- `sftg-frond-library.css`: 组件库的样式文件
+
+### 发布到 npm
+
+构建完成后，确保 `package.json` 中的 `version` 已更新，然后运行：
+
+```bash
+npm publish
+```
+
+## 六、配置说明
+
+### 构建配置 (`vite.lib.config.ts`)
+
+为了区分“组件库构建”和“演示应用构建”，我们创建了独立的配置文件 `vite.lib.config.ts`。
+
+- **Library Mode**: 使用 Vite 的库模式 (`build.lib`)。
+- **Entry**: 指定入口为 `packages/index.ts`。
+- **External**: 将 `vue` 和 `pinia` 排除在打包产物之外，作为外部依赖（peerDependencies）。
+- **DTS**: 集成 `vite-plugin-dts` 插件，在构建时自动生成类型声明。
+
+### TypeScript 配置
+
+- **tsconfig.app.json**: 用于开发环境 (`src/` + `packages/`)。
+- **tsconfig.lib.json**: 专用于库构建，仅包含 `packages/` 目录，确保生成的类型文件干净且不包含测试/演示代码。
+
+## 七、如何使用
+
+### 安装
+
+```bash
+npm install sftg-frond-library
+```
+
+### Global Registration (全局注册)
+
+```typescript
+import { createApp } from 'vue'
+import App from './App.vue'
+import SftgFrondLibrary from 'sftg-frond-library'
+import 'sftg-frond-library/dist/sftg-frond-library.css' // 引入样式
+
+const app = createApp(App)
+app.use(SftgFrondLibrary)
+app.mount('#app')
+```
+
+### On-demand Import (按需引入)
+
+```vue
+<script setup>
+import { HelloWorld } from 'sftg-frond-library'
+</script>
+```

package/dist/components/HelloWorld/HelloWorld.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    msg: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/HelloWorld/index.d.ts

@@ -0,0 +1,3 @@
+import { default as HelloWorld } from './HelloWorld';
+export { HelloWorld };
+export default HelloWorld;

package/dist/components/TheWelcome.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/WelcomeItem.d.ts

@@ -0,0 +1,19 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        heading?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/icons/IconCommunity.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/dist/components/icons/IconDocumentation.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/dist/components/icons/IconEcosystem.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/dist/components/icons/IconSupport.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/dist/components/icons/IconTooling.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/dist/components/index.d.ts

@@ -0,0 +1,9 @@
+import { default as HelloWorld } from './HelloWorld';
+import { default as TheWelcome } from './TheWelcome';
+import { default as WelcomeItem } from './WelcomeItem';
+import { default as IconCommunity } from './icons/IconCommunity';
+import { default as IconDocumentation } from './icons/IconDocumentation';
+import { default as IconEcosystem } from './icons/IconEcosystem';
+import { default as IconSupport } from './icons/IconSupport';
+import { default as IconTooling } from './icons/IconTooling';
+export { HelloWorld, TheWelcome, WelcomeItem, IconCommunity, IconDocumentation, IconEcosystem, IconSupport, IconTooling, };

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import { App } from 'vue';
+export * from './components';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/dist/sftg-frond-library.css

@@ -0,0 +1 @@
+h1[data-v-833aa76f]{font-weight:500;font-size:2.6rem;position:relative;top:-10px}h3[data-v-833aa76f]{font-size:1.2rem}.greetings h1[data-v-833aa76f],.greetings h3[data-v-833aa76f]{text-align:center}@media(min-width:1024px){.greetings h1[data-v-833aa76f],.greetings h3[data-v-833aa76f]{text-align:left}}.item[data-v-b6b7d8ae]{margin-top:2rem;display:flex;position:relative}.details[data-v-b6b7d8ae]{flex:1;margin-left:1rem}i[data-v-b6b7d8ae]{display:flex;place-items:center;place-content:center;width:32px;height:32px;color:var(--color-text)}h3[data-v-b6b7d8ae]{font-size:1.2rem;font-weight:500;margin-bottom:.4rem;color:var(--color-heading)}@media(min-width:1024px){.item[data-v-b6b7d8ae]{margin-top:0;padding:.4rem 0 1rem calc(var(--section-gap) / 2)}i[data-v-b6b7d8ae]{top:calc(50% - 25px);left:-26px;position:absolute;border:1px solid var(--color-border);background:var(--color-background);border-radius:8px;width:50px;height:50px}.item[data-v-b6b7d8ae]:before{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;bottom:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-b6b7d8ae]:after{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;top:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-b6b7d8ae]:first-of-type:before{display:none}.item[data-v-b6b7d8ae]:last-of-type:after{display:none}}

package/dist/sftg-frond-library.js

@@ -0,0 +1,315 @@
+import { defineComponent as p, createElementBlock as m, openBlock as u, createElementVNode as n, toDisplayString as V, createTextVNode as o, renderSlot as v, Fragment as k, createVNode as s, withCtx as l } from "vue";
+const y = { class: "greetings" }, H = { class: "green" }, C = /* @__PURE__ */ p({
+  __name: "HelloWorld",
+  props: {
+    msg: {}
+  },
+  setup(r) {
+    return (e, i) => (u(), m("div", y, [
+      n("h1", H, V(r.msg), 1),
+      i[0] || (i[0] = n("h3", null, [
+        o(" You’ve successfully created a project with "),
+        n("a", {
+          href: "https://vite.dev/",
+          target: "_blank",
+          rel: "noopener"
+        }, "Vite"),
+        o(" + "),
+        n("a", {
+          href: "https://vuejs.org/",
+          target: "_blank",
+          rel: "noopener"
+        }, "Vue 3"),
+        o(". ")
+      ], -1))
+    ]));
+  }
+}), a = (r, e) => {
+  const i = r.__vccOpts || r;
+  for (const [t, b] of e)
+    i[t] = b;
+  return i;
+}, j = /* @__PURE__ */ a(C, [["__scopeId", "data-v-833aa76f"]]), I = {}, $ = { class: "item" }, x = { class: "details" };
+function L(r, e) {
+  return u(), m("div", $, [
+    n("i", null, [
+      v(r.$slots, "icon", {}, void 0, !0)
+    ]),
+    n("div", x, [
+      n("h3", null, [
+        v(r.$slots, "heading", {}, void 0, !0)
+      ]),
+      v(r.$slots, "default", {}, void 0, !0)
+    ])
+  ]);
+}
+const d = /* @__PURE__ */ a(I, [["render", L], ["__scopeId", "data-v-b6b7d8ae"]]), T = {}, E = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "17",
+  fill: "currentColor"
+};
+function A(r, e) {
+  return u(), m("svg", E, [...e[0] || (e[0] = [
+    n("path", { d: "M11 2.253a1 1 0 1 0-2 0h2zm-2 13a1 1 0 1 0 2 0H9zm.447-12.167a1 1 0 1 0 1.107-1.666L9.447 3.086zM1 2.253L.447 1.42A1 1 0 0 0 0 2.253h1zm0 13H0a1 1 0 0 0 1.553.833L1 15.253zm8.447.833a1 1 0 1 0 1.107-1.666l-1.107 1.666zm0-14.666a1 1 0 1 0 1.107 1.666L9.447 1.42zM19 2.253h1a1 1 0 0 0-.447-.833L19 2.253zm0 13l-.553.833A1 1 0 0 0 20 15.253h-1zm-9.553-.833a1 1 0 1 0 1.107 1.666L9.447 14.42zM9 2.253v13h2v-13H9zm1.553-.833C9.203.523 7.42 0 5.5 0v2c1.572 0 2.961.431 3.947 1.086l1.107-1.666zM5.5 0C3.58 0 1.797.523.447 1.42l1.107 1.666C2.539 2.431 3.928 2 5.5 2V0zM0 2.253v13h2v-13H0zm1.553 13.833C2.539 15.431 3.928 15 5.5 15v-2c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM5.5 15c1.572 0 2.961.431 3.947 1.086l1.107-1.666C9.203 13.523 7.42 13 5.5 13v2zm5.053-11.914C11.539 2.431 12.928 2 14.5 2V0c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM14.5 2c1.573 0 2.961.431 3.947 1.086l1.107-1.666C18.203.523 16.421 0 14.5 0v2zm3.5.253v13h2v-13h-2zm1.553 12.167C18.203 13.523 16.421 13 14.5 13v2c1.573 0 2.961.431 3.947 1.086l1.107-1.666zM14.5 13c-1.92 0-3.703.523-5.053 1.42l1.107 1.666C11.539 15.431 12.928 15 14.5 15v-2z" }, null, -1)
+  ])]);
+}
+const f = /* @__PURE__ */ a(T, [["render", A]]), D = {}, S = {
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  "aria-hidden": "true",
+  role: "img",
+  class: "iconify iconify--mdi",
+  width: "24",
+  height: "24",
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24"
+};
+function W(r, e) {
+  return u(), m("svg", S, [...e[0] || (e[0] = [
+    n("path", {
+      d: "M20 18v-4h-3v1h-2v-1H9v1H7v-1H4v4h16M6.33 8l-1.74 4H7v-1h2v1h6v-1h2v1h2.41l-1.74-4H6.33M9 5v1h6V5H9m12.84 7.61c.1.22.16.48.16.8V18c0 .53-.21 1-.6 1.41c-.4.4-.85.59-1.4.59H4c-.55 0-1-.19-1.4-.59C2.21 19 2 18.53 2 18v-4.59c0-.32.06-.58.16-.8L4.5 7.22C4.84 6.41 5.45 6 6.33 6H7V5c0-.55.18-1 .57-1.41C7.96 3.2 8.44 3 9 3h6c.56 0 1.04.2 1.43.59c.39.41.57.86.57 1.41v1h.67c.88 0 1.49.41 1.83 1.22l2.34 5.39z",
+      fill: "currentColor"
+    }, null, -1)
+  ])]);
+}
+const g = /* @__PURE__ */ a(D, [["render", W]]), O = {}, R = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "18",
+  height: "20",
+  fill: "currentColor"
+};
+function B(r, e) {
+  return u(), m("svg", R, [...e[0] || (e[0] = [
+    n("path", { d: "M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z" }, null, -1)
+  ])]);
+}
+const h = /* @__PURE__ */ a(O, [["render", B]]), Y = {}, N = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "20",
+  fill: "currentColor"
+};
+function P(r, e) {
+  return u(), m("svg", N, [...e[0] || (e[0] = [
+    n("path", { d: "M15 4a1 1 0 1 0 0 2V4zm0 11v-1a1 1 0 0 0-1 1h1zm0 4l-.707.707A1 1 0 0 0 16 19h-1zm-4-4l.707-.707A1 1 0 0 0 11 14v1zm-4.707-1.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm-.707.707l-.707-.707.707.707zM9 11v-1a1 1 0 0 0-.707.293L9 11zm-4 0h1a1 1 0 0 0-1-1v1zm0 4H4a1 1 0 0 0 1.707.707L5 15zm10-9h2V4h-2v2zm2 0a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v2zm1 1v6h2V7h-2zm0 6a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2zm-1 1h-2v2h2v-2zm-3 1v4h2v-4h-2zm1.707 3.293l-4-4-1.414 1.414 4 4 1.414-1.414zM11 14H7v2h4v-2zm-4 0c-.276 0-.525-.111-.707-.293l-1.414 1.414C5.42 15.663 6.172 16 7 16v-2zm-.707 1.121l3.414-3.414-1.414-1.414-3.414 3.414 1.414 1.414zM9 12h4v-2H9v2zm4 0a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2zm3-3V3h-2v6h2zm0-6a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2zm-3-3H3v2h10V0zM3 0a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1V0zM0 3v6h2V3H0zm0 6a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1H0zm3 3h2v-2H3v2zm1-1v4h2v-4H4zm1.707 4.707l.586-.586-1.414-1.414-.586.586 1.414 1.414z" }, null, -1)
+  ])]);
+}
+const w = /* @__PURE__ */ a(Y, [["render", P]]), q = {}, G = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "20",
+  fill: "currentColor"
+};
+function F(r, e) {
+  return u(), m("svg", G, [...e[0] || (e[0] = [
+    n("path", { d: "M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z" }, null, -1)
+  ])]);
+}
+const M = /* @__PURE__ */ a(q, [["render", F]]), U = /* @__PURE__ */ p({
+  __name: "TheWelcome",
+  setup(r) {
+    const e = () => fetch("/__open-in-editor?file=README.md");
+    return (i, t) => (u(), m(k, null, [
+      s(d, null, {
+        icon: l(() => [
+          s(f)
+        ]),
+        heading: l(() => [...t[0] || (t[0] = [
+          o("Documentation", -1)
+        ])]),
+        default: l(() => [
+          t[1] || (t[1] = o(" Vue’s ", -1)),
+          t[2] || (t[2] = n("a", {
+            href: "https://vuejs.org/",
+            target: "_blank",
+            rel: "noopener"
+          }, "official documentation", -1)),
+          t[3] || (t[3] = o(" provides you with all information you need to get started. ", -1))
+        ]),
+        _: 1
+      }),
+      s(d, null, {
+        icon: l(() => [
+          s(g)
+        ]),
+        heading: l(() => [...t[4] || (t[4] = [
+          o("Tooling", -1)
+        ])]),
+        default: l(() => [
+          t[6] || (t[6] = o(" This project is served and bundled with ", -1)),
+          t[7] || (t[7] = n("a", {
+            href: "https://vite.dev/guide/features.html",
+            target: "_blank",
+            rel: "noopener"
+          }, "Vite", -1)),
+          t[8] || (t[8] = o(". The recommended IDE setup is ", -1)),
+          t[9] || (t[9] = n("a", {
+            href: "https://code.visualstudio.com/",
+            target: "_blank",
+            rel: "noopener"
+          }, "VSCode", -1)),
+          t[10] || (t[10] = o(" + ", -1)),
+          t[11] || (t[11] = n("a", {
+            href: "https://github.com/vuejs/language-tools",
+            target: "_blank",
+            rel: "noopener"
+          }, "Vue - Official", -1)),
+          t[12] || (t[12] = o(". If you need to test your components and web pages, check out ", -1)),
+          t[13] || (t[13] = n("a", {
+            href: "https://vitest.dev/",
+            target: "_blank",
+            rel: "noopener"
+          }, "Vitest", -1)),
+          t[14] || (t[14] = o(" and ", -1)),
+          t[15] || (t[15] = n("a", {
+            href: "https://www.cypress.io/",
+            target: "_blank",
+            rel: "noopener"
+          }, "Cypress", -1)),
+          t[16] || (t[16] = o(" / ", -1)),
+          t[17] || (t[17] = n("a", {
+            href: "https://playwright.dev/",
+            target: "_blank",
+            rel: "noopener"
+          }, "Playwright", -1)),
+          t[18] || (t[18] = o(". ", -1)),
+          t[19] || (t[19] = n("br", null, null, -1)),
+          t[20] || (t[20] = o(" More instructions are available in ", -1)),
+          n("a", {
+            href: "javascript:void(0)",
+            onClick: e
+          }, [...t[5] || (t[5] = [
+            n("code", null, "README.md", -1)
+          ])]),
+          t[21] || (t[21] = o(". ", -1))
+        ]),
+        _: 1
+      }),
+      s(d, null, {
+        icon: l(() => [
+          s(h)
+        ]),
+        heading: l(() => [...t[22] || (t[22] = [
+          o("Ecosystem", -1)
+        ])]),
+        default: l(() => [
+          t[23] || (t[23] = o(" Get official tools and libraries for your project: ", -1)),
+          t[24] || (t[24] = n("a", {
+            href: "https://pinia.vuejs.org/",
+            target: "_blank",
+            rel: "noopener"
+          }, "Pinia", -1)),
+          t[25] || (t[25] = o(", ", -1)),
+          t[26] || (t[26] = n("a", {
+            href: "https://router.vuejs.org/",
+            target: "_blank",
+            rel: "noopener"
+          }, "Vue Router", -1)),
+          t[27] || (t[27] = o(", ", -1)),
+          t[28] || (t[28] = n("a", {
+            href: "https://test-utils.vuejs.org/",
+            target: "_blank",
+            rel: "noopener"
+          }, "Vue Test Utils", -1)),
+          t[29] || (t[29] = o(", and ", -1)),
+          t[30] || (t[30] = n("a", {
+            href: "https://github.com/vuejs/devtools",
+            target: "_blank",
+            rel: "noopener"
+          }, "Vue Dev Tools", -1)),
+          t[31] || (t[31] = o(". If you need more resources, we suggest paying ", -1)),
+          t[32] || (t[32] = n("a", {
+            href: "https://github.com/vuejs/awesome-vue",
+            target: "_blank",
+            rel: "noopener"
+          }, "Awesome Vue", -1)),
+          t[33] || (t[33] = o(" a visit. ", -1))
+        ]),
+        _: 1
+      }),
+      s(d, null, {
+        icon: l(() => [
+          s(w)
+        ]),
+        heading: l(() => [...t[34] || (t[34] = [
+          o("Community", -1)
+        ])]),
+        default: l(() => [
+          t[35] || (t[35] = o(" Got stuck? Ask your question on ", -1)),
+          t[36] || (t[36] = n("a", {
+            href: "https://chat.vuejs.org",
+            target: "_blank",
+            rel: "noopener"
+          }, "Vue Land", -1)),
+          t[37] || (t[37] = o(" (our official Discord server), or ", -1)),
+          t[38] || (t[38] = n("a", {
+            href: "https://stackoverflow.com/questions/tagged/vue.js",
+            target: "_blank",
+            rel: "noopener"
+          }, "StackOverflow", -1)),
+          t[39] || (t[39] = o(". You should also follow the official ", -1)),
+          t[40] || (t[40] = n("a", {
+            href: "https://bsky.app/profile/vuejs.org",
+            target: "_blank",
+            rel: "noopener"
+          }, "@vuejs.org", -1)),
+          t[41] || (t[41] = o(" Bluesky account or the ", -1)),
+          t[42] || (t[42] = n("a", {
+            href: "https://x.com/vuejs",
+            target: "_blank",
+            rel: "noopener"
+          }, "@vuejs", -1)),
+          t[43] || (t[43] = o(" X account for latest news in the Vue world. ", -1))
+        ]),
+        _: 1
+      }),
+      s(d, null, {
+        icon: l(() => [
+          s(M)
+        ]),
+        heading: l(() => [...t[44] || (t[44] = [
+          o("Support Vue", -1)
+        ])]),
+        default: l(() => [
+          t[45] || (t[45] = o(" As an independent project, Vue relies on community backing for its sustainability. You can help us by ", -1)),
+          t[46] || (t[46] = n("a", {
+            href: "https://vuejs.org/sponsor/",
+            target: "_blank",
+            rel: "noopener"
+          }, "becoming a sponsor", -1)),
+          t[47] || (t[47] = o(". ", -1))
+        ]),
+        _: 1
+      })
+    ], 64));
+  }
+}), z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  HelloWorld: j,
+  IconCommunity: w,
+  IconDocumentation: f,
+  IconEcosystem: h,
+  IconSupport: M,
+  IconTooling: g,
+  TheWelcome: U,
+  WelcomeItem: d
+}, Symbol.toStringTag, { value: "Module" })), J = {
+  install(r) {
+    for (const e in z) {
+      const i = z[e];
+      i && r.component(e, i);
+    }
+  }
+};
+export {
+  j as HelloWorld,
+  w as IconCommunity,
+  f as IconDocumentation,
+  h as IconEcosystem,
+  M as IconSupport,
+  g as IconTooling,
+  U as TheWelcome,
+  d as WelcomeItem,
+  J as default
+};

package/dist/sftg-frond-library.umd.cjs

@@ -0,0 +1 @@
+(function(r,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(r=typeof globalThis<"u"?globalThis:r||self,e(r.SftgFrondLibrary={},r.Vue))})(this,(function(r,e){"use strict";const h={class:"greetings"},c={class:"green"},N=e.defineComponent({__name:"HelloWorld",props:{msg:{}},setup(n){return(o,l)=>(e.openBlock(),e.createElementBlock("div",h,[e.createElementVNode("h1",c,e.toDisplayString(n.msg),1),l[0]||(l[0]=e.createElementVNode("h3",null,[e.createTextVNode(" You’ve successfully created a project with "),e.createElementVNode("a",{href:"https://vite.dev/",target:"_blank",rel:"noopener"},"Vite"),e.createTextVNode(" + "),e.createElementVNode("a",{href:"https://vuejs.org/",target:"_blank",rel:"noopener"},"Vue 3"),e.createTextVNode(". ")],-1))]))}}),s=(n,o)=>{const l=n.__vccOpts||n;for(const[t,v]of o)l[t]=v;return l},z=s(N,[["__scopeId","data-v-833aa76f"]]),w={},x={class:"item"},E={class:"details"};function k(n,o){return e.openBlock(),e.createElementBlock("div",x,[e.createElementVNode("i",null,[e.renderSlot(n.$slots,"icon",{},void 0,!0)]),e.createElementVNode("div",E,[e.createElementVNode("h3",null,[e.renderSlot(n.$slots,"heading",{},void 0,!0)]),e.renderSlot(n.$slots,"default",{},void 0,!0)])])}const a=s(w,[["render",k],["__scopeId","data-v-b6b7d8ae"]]),T={},M={xmlns:"http://www.w3.org/2000/svg",width:"20",height:"17",fill:"currentColor"};function u(n,o){return e.openBlock(),e.createElementBlock("svg",M,[...o[0]||(o[0]=[e.createElementVNode("path",{d:"M11 2.253a1 1 0 1 0-2 0h2zm-2 13a1 1 0 1 0 2 0H9zm.447-12.167a1 1 0 1 0 1.107-1.666L9.447 3.086zM1 2.253L.447 1.42A1 1 0 0 0 0 2.253h1zm0 13H0a1 1 0 0 0 1.553.833L1 15.253zm8.447.833a1 1 0 1 0 1.107-1.666l-1.107 1.666zm0-14.666a1 1 0 1 0 1.107 1.666L9.447 1.42zM19 2.253h1a1 1 0 0 0-.447-.833L19 2.253zm0 13l-.553.833A1 1 0 0 0 20 15.253h-1zm-9.553-.833a1 1 0 1 0 1.107 1.666L9.447 14.42zM9 2.253v13h2v-13H9zm1.553-.833C9.203.523 7.42 0 5.5 0v2c1.572 0 2.961.431 3.947 1.086l1.107-1.666zM5.5 0C3.58 0 1.797.523.447 1.42l1.107 1.666C2.539 2.431 3.928 2 5.5 2V0zM0 2.253v13h2v-13H0zm1.553 13.833C2.539 15.431 3.928 15 5.5 15v-2c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM5.5 15c1.572 0 2.961.431 3.947 1.086l1.107-1.666C9.203 13.523 7.42 13 5.5 13v2zm5.053-11.914C11.539 2.431 12.928 2 14.5 2V0c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM14.5 2c1.573 0 2.961.431 3.947 1.086l1.107-1.666C18.203.523 16.421 0 14.5 0v2zm3.5.253v13h2v-13h-2zm1.553 12.167C18.203 13.523 16.421 13 14.5 13v2c1.573 0 2.961.431 3.947 1.086l1.107-1.666zM14.5 13c-1.92 0-3.703.523-5.053 1.42l1.107 1.666C11.539 15.431 12.928 15 14.5 15v-2z"},null,-1)])])}const d=s(T,[["render",u]]),C={},b={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink","aria-hidden":"true",role:"img",class:"iconify iconify--mdi",width:"24",height:"24",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 24 24"};function y(n,o){return e.openBlock(),e.createElementBlock("svg",b,[...o[0]||(o[0]=[e.createElementVNode("path",{d:"M20 18v-4h-3v1h-2v-1H9v1H7v-1H4v4h16M6.33 8l-1.74 4H7v-1h2v1h6v-1h2v1h2.41l-1.74-4H6.33M9 5v1h6V5H9m12.84 7.61c.1.22.16.48.16.8V18c0 .53-.21 1-.6 1.41c-.4.4-.85.59-1.4.59H4c-.55 0-1-.19-1.4-.59C2.21 19 2 18.53 2 18v-4.59c0-.32.06-.58.16-.8L4.5 7.22C4.84 6.41 5.45 6 6.33 6H7V5c0-.55.18-1 .57-1.41C7.96 3.2 8.44 3 9 3h6c.56 0 1.04.2 1.43.59c.39.41.57.86.57 1.41v1h.67c.88 0 1.49.41 1.83 1.22l2.34 5.39z",fill:"currentColor"},null,-1)])])}const i=s(C,[["render",y]]),H={},j={xmlns:"http://www.w3.org/2000/svg",width:"18",height:"20",fill:"currentColor"};function I(n,o){return e.openBlock(),e.createElementBlock("svg",j,[...o[0]||(o[0]=[e.createElementVNode("path",{d:"M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z"},null,-1)])])}const m=s(H,[["render",I]]),$={},B={xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"currentColor"};function L(n,o){return e.openBlock(),e.createElementBlock("svg",B,[...o[0]||(o[0]=[e.createElementVNode("path",{d:"M15 4a1 1 0 1 0 0 2V4zm0 11v-1a1 1 0 0 0-1 1h1zm0 4l-.707.707A1 1 0 0 0 16 19h-1zm-4-4l.707-.707A1 1 0 0 0 11 14v1zm-4.707-1.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm-.707.707l-.707-.707.707.707zM9 11v-1a1 1 0 0 0-.707.293L9 11zm-4 0h1a1 1 0 0 0-1-1v1zm0 4H4a1 1 0 0 0 1.707.707L5 15zm10-9h2V4h-2v2zm2 0a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v2zm1 1v6h2V7h-2zm0 6a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2zm-1 1h-2v2h2v-2zm-3 1v4h2v-4h-2zm1.707 3.293l-4-4-1.414 1.414 4 4 1.414-1.414zM11 14H7v2h4v-2zm-4 0c-.276 0-.525-.111-.707-.293l-1.414 1.414C5.42 15.663 6.172 16 7 16v-2zm-.707 1.121l3.414-3.414-1.414-1.414-3.414 3.414 1.414 1.414zM9 12h4v-2H9v2zm4 0a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2zm3-3V3h-2v6h2zm0-6a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2zm-3-3H3v2h10V0zM3 0a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1V0zM0 3v6h2V3H0zm0 6a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1H0zm3 3h2v-2H3v2zm1-1v4h2v-4H4zm1.707 4.707l.586-.586-1.414-1.414-.586.586 1.414 1.414z"},null,-1)])])}const V=s($,[["render",L]]),S={},A={xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"currentColor"};function D(n,o){return e.openBlock(),e.createElementBlock("svg",A,[...o[0]||(o[0]=[e.createElementVNode("path",{d:"M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z"},null,-1)])])}const p=s(S,[["render",D]]),f=e.defineComponent({__name:"TheWelcome",setup(n){const o=()=>fetch("/__open-in-editor?file=README.md");return(l,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(a,null,{icon:e.withCtx(()=>[e.createVNode(d)]),heading:e.withCtx(()=>[...t[0]||(t[0]=[e.createTextVNode("Documentation",-1)])]),default:e.withCtx(()=>[t[1]||(t[1]=e.createTextVNode(" Vue’s ",-1)),t[2]||(t[2]=e.createElementVNode("a",{href:"https://vuejs.org/",target:"_blank",rel:"noopener"},"official documentation",-1)),t[3]||(t[3]=e.createTextVNode(" provides you with all information you need to get started. ",-1))]),_:1}),e.createVNode(a,null,{icon:e.withCtx(()=>[e.createVNode(i)]),heading:e.withCtx(()=>[...t[4]||(t[4]=[e.createTextVNode("Tooling",-1)])]),default:e.withCtx(()=>[t[6]||(t[6]=e.createTextVNode(" This project is served and bundled with ",-1)),t[7]||(t[7]=e.createElementVNode("a",{href:"https://vite.dev/guide/features.html",target:"_blank",rel:"noopener"},"Vite",-1)),t[8]||(t[8]=e.createTextVNode(". The recommended IDE setup is ",-1)),t[9]||(t[9]=e.createElementVNode("a",{href:"https://code.visualstudio.com/",target:"_blank",rel:"noopener"},"VSCode",-1)),t[10]||(t[10]=e.createTextVNode(" + ",-1)),t[11]||(t[11]=e.createElementVNode("a",{href:"https://github.com/vuejs/language-tools",target:"_blank",rel:"noopener"},"Vue - Official",-1)),t[12]||(t[12]=e.createTextVNode(". If you need to test your components and web pages, check out ",-1)),t[13]||(t[13]=e.createElementVNode("a",{href:"https://vitest.dev/",target:"_blank",rel:"noopener"},"Vitest",-1)),t[14]||(t[14]=e.createTextVNode(" and ",-1)),t[15]||(t[15]=e.createElementVNode("a",{href:"https://www.cypress.io/",target:"_blank",rel:"noopener"},"Cypress",-1)),t[16]||(t[16]=e.createTextVNode(" / ",-1)),t[17]||(t[17]=e.createElementVNode("a",{href:"https://playwright.dev/",target:"_blank",rel:"noopener"},"Playwright",-1)),t[18]||(t[18]=e.createTextVNode(". ",-1)),t[19]||(t[19]=e.createElementVNode("br",null,null,-1)),t[20]||(t[20]=e.createTextVNode(" More instructions are available in ",-1)),e.createElementVNode("a",{href:"javascript:void(0)",onClick:o},[...t[5]||(t[5]=[e.createElementVNode("code",null,"README.md",-1)])]),t[21]||(t[21]=e.createTextVNode(". ",-1))]),_:1}),e.createVNode(a,null,{icon:e.withCtx(()=>[e.createVNode(m)]),heading:e.withCtx(()=>[...t[22]||(t[22]=[e.createTextVNode("Ecosystem",-1)])]),default:e.withCtx(()=>[t[23]||(t[23]=e.createTextVNode(" Get official tools and libraries for your project: ",-1)),t[24]||(t[24]=e.createElementVNode("a",{href:"https://pinia.vuejs.org/",target:"_blank",rel:"noopener"},"Pinia",-1)),t[25]||(t[25]=e.createTextVNode(", ",-1)),t[26]||(t[26]=e.createElementVNode("a",{href:"https://router.vuejs.org/",target:"_blank",rel:"noopener"},"Vue Router",-1)),t[27]||(t[27]=e.createTextVNode(", ",-1)),t[28]||(t[28]=e.createElementVNode("a",{href:"https://test-utils.vuejs.org/",target:"_blank",rel:"noopener"},"Vue Test Utils",-1)),t[29]||(t[29]=e.createTextVNode(", and ",-1)),t[30]||(t[30]=e.createElementVNode("a",{href:"https://github.com/vuejs/devtools",target:"_blank",rel:"noopener"},"Vue Dev Tools",-1)),t[31]||(t[31]=e.createTextVNode(". If you need more resources, we suggest paying ",-1)),t[32]||(t[32]=e.createElementVNode("a",{href:"https://github.com/vuejs/awesome-vue",target:"_blank",rel:"noopener"},"Awesome Vue",-1)),t[33]||(t[33]=e.createTextVNode(" a visit. ",-1))]),_:1}),e.createVNode(a,null,{icon:e.withCtx(()=>[e.createVNode(V)]),heading:e.withCtx(()=>[...t[34]||(t[34]=[e.createTextVNode("Community",-1)])]),default:e.withCtx(()=>[t[35]||(t[35]=e.createTextVNode(" Got stuck? Ask your question on ",-1)),t[36]||(t[36]=e.createElementVNode("a",{href:"https://chat.vuejs.org",target:"_blank",rel:"noopener"},"Vue Land",-1)),t[37]||(t[37]=e.createTextVNode(" (our official Discord server), or ",-1)),t[38]||(t[38]=e.createElementVNode("a",{href:"https://stackoverflow.com/questions/tagged/vue.js",target:"_blank",rel:"noopener"},"StackOverflow",-1)),t[39]||(t[39]=e.createTextVNode(". You should also follow the official ",-1)),t[40]||(t[40]=e.createElementVNode("a",{href:"https://bsky.app/profile/vuejs.org",target:"_blank",rel:"noopener"},"@vuejs.org",-1)),t[41]||(t[41]=e.createTextVNode(" Bluesky account or the ",-1)),t[42]||(t[42]=e.createElementVNode("a",{href:"https://x.com/vuejs",target:"_blank",rel:"noopener"},"@vuejs",-1)),t[43]||(t[43]=e.createTextVNode(" X account for latest news in the Vue world. ",-1))]),_:1}),e.createVNode(a,null,{icon:e.withCtx(()=>[e.createVNode(p)]),heading:e.withCtx(()=>[...t[44]||(t[44]=[e.createTextVNode("Support Vue",-1)])]),default:e.withCtx(()=>[t[45]||(t[45]=e.createTextVNode(" As an independent project, Vue relies on community backing for its sustainability. You can help us by ",-1)),t[46]||(t[46]=e.createElementVNode("a",{href:"https://vuejs.org/sponsor/",target:"_blank",rel:"noopener"},"becoming a sponsor",-1)),t[47]||(t[47]=e.createTextVNode(". ",-1))]),_:1})],64))}}),g=Object.freeze(Object.defineProperty({__proto__:null,HelloWorld:z,IconCommunity:V,IconDocumentation:d,IconEcosystem:m,IconSupport:p,IconTooling:i,TheWelcome:f,WelcomeItem:a},Symbol.toStringTag,{value:"Module"})),W={install(n){for(const o in g){const l=g[o];l&&n.component(o,l)}}};r.HelloWorld=z,r.IconCommunity=V,r.IconDocumentation=d,r.IconEcosystem=m,r.IconSupport=p,r.IconTooling=i,r.TheWelcome=f,r.WelcomeItem=a,r.default=W,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "sftg-frond-library",
+  "version": "0.0.1",
+  "private": false,
+  "type": "module",
+  "main": "./dist/sftg-frond-library.umd.cjs",
+  "module": "./dist/sftg-frond-library.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/sftg-frond-library.js",
+      "require": "./dist/sftg-frond-library.umd.cjs"
+    },
+    "./dist/sftg-frond-library.css": "./dist/sftg-frond-library.css"
+  },
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "build-lib": "run-p type-check \"build-only-lib {@}\" --",
+    "preview": "vite preview",
+    "build-only": "vite build",
+    "build-only-lib": "vite build --config vite.lib.config.ts",
+    "type-check": "vue-tsc --build",
+    "lint": "eslint . --fix --cache",
+    "format": "prettier --write --experimental-cli src/"
+  },
+  "dependencies": {
+    "pinia": "^3.0.4",
+    "vue": "^3.5.26"
+  },
+  "devDependencies": {
+    "@tsconfig/node24": "^24.0.3",
+    "@types/node": "^24.10.4",
+    "@vitejs/plugin-vue": "^6.0.3",
+    "@vue/eslint-config-prettier": "^10.2.0",
+    "@vue/eslint-config-typescript": "^14.6.0",
+    "@vue/tsconfig": "^0.8.1",
+    "eslint": "^9.39.2",
+    "eslint-plugin-vue": "~10.6.2",
+    "jiti": "^2.6.1",
+    "npm-run-all2": "^8.0.4",
+    "prettier": "3.7.4",
+    "typescript": "~5.9.3",
+    "vite": "^7.3.0",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-vue-devtools": "^8.0.5",
+    "vue-tsc": "^3.2.2"
+  }
+}