@quicktvui/ai 1.0.5 → 1.0.7

package/rules/.source/quicktvui/yarn.lock

@@ -0,0 +1,72 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@extscreen/es3-audio-player@~3.0.0-alpha.1":
+  version "3.0.0-alpha.1"
+  resolved "https://registry.yarnpkg.com/@extscreen/es3-audio-player/-/es3-audio-player-3.0.0-alpha.1.tgz#edd1f44e3d37349399df20db2135d22ba1df4050"
+  integrity sha512-HASnjUav6B9qB7Q+zORnJtWcOzElxpJKFV/1ndUk0JyuzQaq4pUK9EsQWxaFBjsOXUL+jMNRjbqDF7vh2qqMDQ==
+
+"@extscreen/es3-audio-service-player@~3.0.0-alpha.1":
+  version "3.0.0-alpha.1"
+  resolved "https://registry.yarnpkg.com/@extscreen/es3-audio-service-player/-/es3-audio-service-player-3.0.0-alpha.1.tgz#0c6026bcc3125f19ebfc30f20cf5e8c0e078f363"
+  integrity sha512-CvWtdjHXP8opOYG6rlJcypTph09RNyAIIHxIRkhgPFgnfxrhU+RLQ544BBX1V51hmCQ29MXujp2VVndlcm9APA==
+
+"@extscreen/es3-component@~3.0.0-alpha.1":
+  version "3.0.0-alpha.2"
+  resolved "https://registry.yarnpkg.com/@extscreen/es3-component/-/es3-component-3.0.0-alpha.2.tgz#87b3f611455401d43ebf7075d1a3a991d4a31304"
+  integrity sha512-guGxphn9/59GMEojPaBqgJ3INx3UufFJEQwnx3qfUifCmnuVqdyV7ftmg7TTJAVhdV9fw/T6VR/0IttURdN+cA==
+
+"@extscreen/es3-core@~3.0.0-alpha.1":
+  version "3.0.0-alpha.5"
+  resolved "https://registry.yarnpkg.com/@extscreen/es3-core/-/es3-core-3.0.0-alpha.5.tgz#043bdc5c8893269e0bdced7fd7cd132994e7b6c6"
+  integrity sha512-rMSC0b0ImXxryqjmDphrLcYaQPxtA957GsqCfyLdRb1FgXmDcvd+95j9U45H4X+c9EZDRQZ1E8yIg1cFdMut7A==
+
+"@extscreen/es3-player-manager@~3.0.0-alpha.1":
+  version "3.0.0-alpha.1"
+  resolved "https://registry.yarnpkg.com/@extscreen/es3-player-manager/-/es3-player-manager-3.0.0-alpha.1.tgz#03a08b37d9ff4bce185089e01be1ab5af6983a49"
+  integrity sha512-ElHsqUkxf8BPn5yZFPApNkAMddzIwjqvmJUzpszYK5m9WKSJr2mFQyPxWU8kG4zialrB2h2qB/+Y5S1CI8iDkg==
+
+"@extscreen/es3-player@~3.0.0-alpha.2":
+  version "3.0.0-alpha.2"
+  resolved "https://registry.yarnpkg.com/@extscreen/es3-player/-/es3-player-3.0.0-alpha.2.tgz#fdb4be19c4e3b4488555d90902140629183e695b"
+  integrity sha512-PSBzQGScMfx3RP+yzPso+iYxDl9gf57/elUFZKM8LvFQIxMbrv39YfJCpKylqh4DR650uiIcP/mWrs/eEss9mg==
+
+"@extscreen/es3-router@~3.0.0-alpha.1":
+  version "3.0.0-alpha.2"
+  resolved "https://registry.yarnpkg.com/@extscreen/es3-router/-/es3-router-3.0.0-alpha.2.tgz#fb70a1fbe1736f8c099522112a03bcf3a161a921"
+  integrity sha512-uYx0KPhxBlANVZKtltNM2rPBc4x4fd0SRqfKARmX7RwSH6v1Os+VEPBnrUueRbKT+/oXcFRlmVGPlzzcy0n2dg==
+  dependencies:
+    "@vue/devtools-api" "^6.5.0"
+
+"@extscreen/es3-soundpool-player@~3.0.0-alpha.1":
+  version "3.0.0-alpha.1"
+  resolved "https://registry.yarnpkg.com/@extscreen/es3-soundpool-player/-/es3-soundpool-player-3.0.0-alpha.1.tgz#6561e3067a3cc20861f802c0331414950c0d875c"
+  integrity sha512-xg/F43ZA3LoIcTqUBy3gyjuzZAq9JRolDVSyY0WMoAbrOpeTY5Ku/20jqNTfBk1z8N3BitSfeLRGJGEk4XEItA==
+
+"@extscreen/es3-video-player@~3.0.0-alpha.1":
+  version "3.0.0-alpha.1"
+  resolved "https://registry.yarnpkg.com/@extscreen/es3-video-player/-/es3-video-player-3.0.0-alpha.1.tgz#69ae94055558dfc29f4f8260b08f994e42325f2a"
+  integrity sha512-aD+Ln6gMmXbfDDQKz5Cs9pvvZFzKGOVS2Q92I6NaGeo47moAwpR2UMCh18Za1mEwmEbchAYKV/lHKwefnM1Msg==
+
+"@extscreen/es3-vue-style-parser@~3.0.0-alpha.1":
+  version "3.0.0-alpha.1"
+  resolved "https://registry.yarnpkg.com/@extscreen/es3-vue-style-parser/-/es3-vue-style-parser-3.0.0-alpha.1.tgz#f8fd995ebb5a030b7a5b7c5b29d2046f408377e9"
+  integrity sha512-rDeIHqBeyk+lolJCjKpPQUmu0QfFBevOz87YqxP4jkLSR7TVTTi8zczK/D5ON/Q6LHpg2xasbqVgQCmSOqzBWg==
+  dependencies:
+    "@vue/shared" "^3.2.21"
+
+"@extscreen/es3-vue@~3.0.0-alpha.10":
+  version "3.0.0-alpha.14"
+  resolved "https://registry.yarnpkg.com/@extscreen/es3-vue/-/es3-vue-3.0.0-alpha.14.tgz#a6f013cc44082daf2da1e580dcbad01927a055f2"
+  integrity sha512-XKthLLyOUYdvhxyWy08ZD7fT/IwG7+wNHSp70FKHFttlmasS73OIOc7JfymU7h+rnDrnouvkO95tsrUAcPSMGA==
+
+"@vue/devtools-api@^6.5.0":
+  version "6.6.4"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz#cbe97fe0162b365edc1dba80e173f90492535343"
+  integrity sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==
+
+"@vue/shared@^3.2.21":
+  version "3.5.25"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.25.tgz#21edcff133a5a04f72c4e4c6142260963fe5afbe"
+  integrity sha512-AbOPdQQnAnzs58H2FrrDxYj/TJfmeS2jdfEEhgiKINy+bnOANmVizIEgq1r+C5zsbs6l1CCQxtcj71rwNQ4jWg==

package/rules/.source/web/audio/index.ts

@@ -0,0 +1,9 @@
+import { withInstall, SFCWithInstall } from "../utils";
+import WebAudio from "./src/audio.vue";
+
+export const Audio: SFCWithInstall<typeof WebAudio> = withInstall(WebAudio);
+export default Audio;
+
+export * from "./src/audio";
+
+export type { AudioInstance } from "./src/instance";

package/rules/.source/web/audio/src/audio.ts

@@ -0,0 +1,34 @@
+import { buildProps } from "../../utils";
+import type { ExtractPropTypes } from "vue";
+
+export const audioPreload = ["auto", "metadata", "none"] as const;
+
+export const audioProps = buildProps({
+  width: {
+    type: Number,
+  },
+  height: {
+    type: Number,
+  },
+  loop: Boolean,
+  autoplay: Boolean,
+  controls: Boolean,
+  src: {
+    type: String,
+    default: "",
+  },
+  poster: {
+    type: String,
+    default: "",
+  },
+  preload: {
+    type: String,
+    values: audioPreload,
+    default: "auto",
+  },
+  playEffect: Boolean,
+} as const);
+export type AudioProps = ExtractPropTypes<typeof audioProps>;
+
+export const audioEmits = {};
+export type AudioEmits = typeof audioEmits;

package/rules/.source/web/audio/src/audio.vue

@@ -0,0 +1,146 @@
+<template>
+  <div :style="{ width: width, height: height }">
+    <es-audio-player
+      ref="audioPlayer"
+      v-if="!playEffect"
+      :player-width="width"
+      :player-height="height"
+      :style="{ width: width, height: height, position: 'absolute' }"
+      @onPlayerInitialized="onPlayerInitialized"
+    />
+    <es-sound-pool-player
+      ref="audioPlayer"
+      v-if="playEffect"
+      :player-width="width"
+      :player-height="height"
+      :style="{ width: width, height: height, position: 'absolute' }"
+      @onPlayerInitialized="onPlayerInitialized"
+    />
+  </div>
+</template>
+
+<script lang="ts">
+import {
+  computed,
+  defineComponent,
+  onBeforeUnmount,
+  ref,
+  useSlots,
+  watch,
+} from "vue";
+import { audioProps } from "./audio";
+import Source from "../../source/src/source.vue";
+import {
+  ESIPlayer,
+  ESMediaSource,
+  ESMediaSourceList,
+  ESPlayerPlayMode,
+} from "@extscreen/es3-player";
+import { ESAudioPlayer } from "@extscreen/es3-audio-player";
+import { ESSoundPoolPlayer } from "@extscreen/es3-soundpool-player";
+
+const TAG = "WebAudio";
+
+export default defineComponent({
+  name: "Audio",
+  props: audioProps,
+  emits: [],
+  components: {
+    "es-audio-player": ESAudioPlayer,
+    "es-sound-pool-player": ESSoundPoolPlayer,
+  },
+  setup(props, context) {
+    const audioPlayer = ref<ESIPlayer>();
+    const slots = useSlots();
+
+    watch(
+      () => [audioPlayer.value] as const,
+      ([instance], [oldInstance]) => {
+        if (instance) {
+          if (props.autoplay) {
+            audioPlayer.value?.initialize();
+          }
+        }
+      },
+      { flush: "post" },
+    );
+
+    const sources = computed(() => {
+      const nodes = slots.default?.() ?? [];
+      return nodes
+        .filter((node) => node?.type === Source)
+        .map((node) => ({
+          src: node.props?.src ?? "",
+          type: node.props?.type ?? "",
+        }));
+    });
+
+    onBeforeUnmount(() => {
+      audioPlayer.value?.stop();
+      audioPlayer.value?.release();
+    });
+
+    const onPlayerInitialized = (playerType) => {
+      let sourceList: Array<ESMediaSource> = [];
+      if (props.src) {
+        let mediaSource: ESMediaSource = {
+          uri: props.src,
+        };
+        sourceList = [mediaSource];
+      } else {
+        sourceList = sources.value.map((source) => ({
+          uri: source.src,
+          type: source.type,
+        }));
+      }
+      let mediaSourceList: ESMediaSourceList = {
+        index: 0,
+        list: sourceList,
+      };
+      //loop
+      if (props.loop) {
+        audioPlayer.value?.setPlayMode(
+          ESPlayerPlayMode.ES_PLAYER_PLAY_MODE_REPEAT,
+        );
+      } else {
+        audioPlayer.value?.setPlayMode(
+          ESPlayerPlayMode.ES_PLAYER_PLAY_MODE_ONCE,
+        );
+      }
+      //start
+      audioPlayer.value?.playMediaSourceList(mediaSourceList);
+    };
+
+    //开始播放
+    const play = () => {
+      audioPlayer.value?.initialize();
+    };
+    //播放开始
+    const start = () => {
+      audioPlayer.value?.start(0);
+    };
+    //暂停播放
+    const pause = () => {
+      audioPlayer.value?.pause();
+    };
+    //重新加载媒体
+    const load = () => {
+      audioPlayer.value?.initialize();
+    };
+    const stop = () => {
+      audioPlayer.value?.stop();
+      audioPlayer.value?.release();
+    };
+    return {
+      audioPlayer,
+      sources,
+      onPlayerInitialized,
+      play,
+      pause,
+      start,
+      load,
+      stop,
+    };
+  },
+});
+</script>

package/rules/.source/web/audio/src/instance.ts

@@ -0,0 +1,3 @@
+import type Audio from "./audio.vue";
+
+export type AudioInstance = InstanceType<typeof Audio> & unknown;

package/rules/.source/web/audio-service/index.ts

@@ -0,0 +1,10 @@
+import { withInstall, SFCWithInstall } from "../utils";
+import WebAudioService from "./src/audio-service.vue";
+
+export const AudioService: SFCWithInstall<typeof WebAudioService> =
+  withInstall(WebAudioService);
+export default AudioService;
+
+export * from "./src/audio-service";
+
+export type { AudioServiceInstance } from "./src/instance";

package/rules/.source/web/audio-service/src/audio-service.ts

@@ -0,0 +1,34 @@
+import { buildProps } from "../../utils";
+import type { ExtractPropTypes } from "vue";
+
+export const audioServicePreload = ["auto", "metadata", "none"] as const;
+
+export const audioServiceProps = buildProps({
+  width: {
+    type: Number,
+  },
+  height: {
+    type: Number,
+  },
+  muted: Boolean,
+  loop: Boolean,
+  autoplay: Boolean,
+  controls: Boolean,
+  src: {
+    type: String,
+    default: "",
+  },
+  poster: {
+    type: String,
+    default: "",
+  },
+  preload: {
+    type: String,
+    values: audioServicePreload,
+    default: "auto",
+  },
+} as const);
+export type AudioServiceProps = ExtractPropTypes<typeof audioServiceProps>;
+
+export const audioServiceEmits = {};
+export type AudioServiceEmits = typeof audioServiceEmits;

package/rules/.source/web/audio-service/src/audio-service.vue

@@ -0,0 +1,115 @@
+<template>
+  <es-audio-service-player
+    ref="audioPlayerService"
+    :player-width="width"
+    :player-height="height"
+    @onPlayerInitialized="onPlayerInitialized"
+  />
+</template>
+
+<script lang="ts">
+import { computed, defineComponent, onMounted, ref, useSlots } from "vue";
+import { audioServiceProps } from "./audio-service";
+import Source from "../../source/src/source.vue";
+import {
+  ESIPlayer,
+  ESMediaSource,
+  ESMediaSourceList,
+  ESPlayerPlayMode,
+} from "@extscreen/es3-player";
+import { ESAudioServicePlayer } from "@extscreen/es3-audio-service-player";
+const TAG = "WebAudioService";
+
+export default defineComponent({
+  name: "AudioService",
+  props: audioServiceProps,
+  emits: [],
+  components: {
+    "es-audio-service-player": ESAudioServicePlayer,
+  },
+  setup(props, context) {
+    const audioPlayerService = ref<ESIPlayer>();
+    const slots = useSlots();
+
+    const sources = computed(() => {
+      const nodes = slots.default?.() ?? [];
+      return nodes
+        .filter((node) => node?.type === Source)
+        .map((node) => ({
+          src: node.props?.src ?? "",
+          type: node.props?.type ?? "",
+        }));
+    });
+
+    onMounted(() => {
+      if (props.autoplay) {
+        audioPlayerService.value?.initialize();
+      }
+    });
+
+    const onPlayerInitialized = (playerType) => {
+      let sourceList: Array<ESMediaSource> = [];
+      if (props.src) {
+        let mediaSource: ESMediaSource = {
+          uri: props.src,
+        };
+        sourceList = [mediaSource];
+      } else {
+        sourceList = sources.value.map((source) => ({
+          uri: source.src,
+          type: source.type,
+        }));
+      }
+      let mediaSourceList: ESMediaSourceList = {
+        index: 0,
+        list: sourceList,
+      };
+      //loop
+      if (props.loop) {
+        audioPlayerService.value?.setPlayMode(
+          ESPlayerPlayMode.ES_PLAYER_PLAY_MODE_REPEAT,
+        );
+      } else {
+        audioPlayerService.value?.setPlayMode(
+          ESPlayerPlayMode.ES_PLAYER_PLAY_MODE_ONCE,
+        );
+      }
+      //muted
+      if (props.muted) {
+        audioPlayerService.value?.setVolume(0);
+      } else {
+        audioPlayerService.value?.setVolume(1);
+      }
+      //start
+      audioPlayerService.value?.playMediaSourceList(mediaSourceList);
+      audioPlayerService.value?.start(0);
+    };
+
+    //开始播放
+    const play = () => {
+      audioPlayerService.value?.initialize();
+    };
+    //暂停播放
+    const pause = () => {
+      audioPlayerService.value?.pause();
+    };
+    //重新加载媒体
+    const load = () => {
+      audioPlayerService.value?.initialize();
+    };
+    const stop = () => {
+      audioPlayerService.value?.stop();
+      audioPlayerService.value?.release();
+    };
+    return {
+      audioPlayerService,
+      sources,
+      onPlayerInitialized,
+      play,
+      pause,
+      load,
+      stop,
+    };
+  },
+});
+</script>

package/rules/.source/web/audio-service/src/instance.ts

@@ -0,0 +1,3 @@
+import type AudioService from "./audio-service.vue";
+
+export type AudioServiceInstance = InstanceType<typeof AudioService> & unknown;

package/rules/.source/web/base/index.ts

@@ -0,0 +1 @@
+export * from "./src/base-types";

package/rules/.source/web/base/src/base-types.ts

@@ -0,0 +1 @@
+export interface QTWebBase {}

package/rules/.source/web/component.ts

@@ -0,0 +1,25 @@
+import { Video } from "./video";
+import { Audio } from "./audio";
+import { AudioService } from "./audio-service";
+import { Source } from "./source";
+import { H1 } from "./h1";
+import { H2 } from "./h2";
+import { H3 } from "./h3";
+import { H4 } from "./h4";
+import { H5 } from "./h5";
+import { H6 } from "./h6";
+
+export default [
+  Video,
+  Source,
+  Audio,
+  AudioService,
+  H1,
+  H2,
+  H3,
+  H4,
+  H5,
+  H6,
+] as Plugin[];
+
+import type { Plugin } from "vue";

package/rules/.source/web/docs/h.txt

@@ -0,0 +1,6 @@
+.fake-h1 { font-size: 56px; }
+.fake-h2 { font-size: 48px; }
+.fake-h3 { font-size: 40px; }
+.fake-h4 { font-size: 32px; }
+.fake-h5 { font-size: 24px; }
+.fake-h6 { font-size: 18px; }

package/rules/.source/web/docs/video.txt

@@ -0,0 +1,88 @@
+以下是 HTML5 原生 <video> 元素的完整属性、事件、方法整理，适合你用于构建一个自定义 <Video> 组件时参考和模拟。
+
+⸻
+
+🎛️ 属性（Attributes / Properties）
+
+属性名	类型	说明
+src	string	视频源 URL（可配合 <source> 使用）
+controls	boolean	是否显示默认控制条
+autoplay	boolean	自动播放
+loop	boolean	播放结束后是否重新播放
+muted	boolean	是否静音
+poster	string	视频加载前显示的图片
+preload	"auto" | "metadata" | "none"	预加载策略
+width / height	number / string	展示尺寸
+playsinline	boolean	是否内联播放（移动端常用）
+crossOrigin	"anonymous" / "use-credentials"	跨域设置
+disablePictureInPicture	boolean	禁用画中画（某些浏览器）
+
+
+⸻
+
+📢 事件（Event List）
+
+这些事件可用于实现播放进度、加载状态、错误处理等逻辑：
+
+事件名	说明
+loadstart	开始加载媒体数据
+progress	下载媒体数据时触发
+suspend	下载暂停
+abort	用户中止下载
+error	加载失败
+loadedmetadata	元数据（如时长、尺寸）加载完成
+loadeddata	第一帧已加载
+canplay	能够播放但可能要缓冲
+canplaythrough	能够顺畅播放
+play	播放请求（不会等待实际播放）
+playing	媒体已开始播放
+pause	暂停
+waiting	等待更多数据
+seeking	跳转中
+seeked	跳转完成
+timeupdate	播放进度变化
+ended	播放结束
+durationchange	媒体时长变化
+volumechange	音量或静音状态变化
+ratechange	播放速度改变
+stalled	数据取不到
+resize	视频尺寸改变（部分浏览器）
+enterpictureinpicture / leavepictureinpicture	画中画进入/离开
+
+
+⸻
+
+🧠 方法（DOM API）
+
+你在 JS 或 Vue 组件中常用的 videoRef.value.<method>：
+
+方法名	返回 / 参数	说明
+play()	Promise<void>	开始播放
+pause()	void	暂停播放
+load()	void	重新加载媒体
+canPlayType(type: string)	"" / "maybe" / "probably"	检查浏览器是否能播放某种类型
+requestFullscreen()	Promise<void>	请求全屏（部分浏览器需要用户手势）
+requestPictureInPicture()	Promise<PictureInPictureWindow>	请求画中画
+
+
+⸻
+
+📌 常用状态属性（可读）
+
+属性名	类型	说明
+currentTime	number	当前播放时间（秒）
+duration	number	总时长（秒）
+paused	boolean	是否暂停
+ended	boolean	是否播放完
+volume	number（0–1）	当前音量
+muted	boolean	是否静音
+readyState	number（0–4）	媒体准备程度
+networkState	number（0–3）	网络加载状态
+seeking	boolean	是否在跳转
+buffered	TimeRanges	已缓冲的范围
+videoWidth / videoHeight	number	实际像素尺寸
+
+
+⸻
+
+是否需要我帮你把这些内容封装成一个完整的 TypeScript 接口，以便用于你的自定义组件 props / emits / expose？

package/rules/.source/web/h1/index.ts

@@ -0,0 +1,9 @@
+import { withInstall, SFCWithInstall } from "../utils";
+import WebH1 from "./src/h1.vue";
+
+export const H1: SFCWithInstall<typeof WebH1> = withInstall(WebH1);
+export default H1;
+
+export * from "./src/h1";
+
+export type { H1Instance } from "./src/instance";

package/rules/.source/web/h1/src/h1.ts

@@ -0,0 +1,9 @@
+import { buildProps } from "../../utils";
+import type { ExtractPropTypes } from "vue";
+
+export const h1Props = buildProps({} as const);
+
+export type H1Props = ExtractPropTypes<typeof h1Props>;
+
+export const h1Emits = {};
+export type H1Emits = typeof h1Emits;

package/rules/.source/web/h1/src/h1.vue

@@ -0,0 +1,30 @@
+<template>
+  <span class="h1-span">
+    <slot />
+  </span>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+import { h1Props } from "./h1";
+
+const TAG = "WebH1";
+
+export default defineComponent({
+  name: "H1",
+  props: h1Props,
+  emits: [],
+  setup(props, context) {
+    return {};
+  },
+});
+</script>
+<style scoped>
+.h1-span {
+  font-size: 56px;
+  font-weight: 700;
+  color: #1f1f1f;
+  text-align: center;
+  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+</style>

package/rules/.source/web/h1/src/instance.ts

@@ -0,0 +1,3 @@
+import type H1 from "./h1.vue";
+
+export type H1Instance = InstanceType<typeof H1> & unknown;

package/rules/.source/web/h2/index.ts

@@ -0,0 +1,9 @@
+import { withInstall, SFCWithInstall } from "../utils";
+import WebH2 from "./src/h2.vue";
+
+export const H2: SFCWithInstall<typeof WebH2> = withInstall(WebH2);
+export default H2;
+
+export * from "./src/h2";
+
+export type { H2Instance } from "./src/instance";

package/rules/.source/web/h2/src/h2.ts

@@ -0,0 +1,9 @@
+import { buildProps } from "../../utils";
+import type { ExtractPropTypes } from "vue";
+
+export const h2Props = buildProps({} as const);
+
+export type H2Props = ExtractPropTypes<typeof h2Props>;
+
+export const h2Emits = {};
+export type H2Emits = typeof h2Emits;

package/rules/.source/web/h2/src/h2.vue

@@ -0,0 +1,30 @@
+<template>
+  <span class="h2-span">
+    <slot />
+  </span>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+import { h2Props } from "./h2";
+
+const TAG = "WebH";
+
+export default defineComponent({
+  name: "H2",
+  props: h2Props,
+  emits: [],
+  setup(props, context) {
+    return {};
+  },
+});
+</script>
+<style scoped>
+.h2-span {
+  font-size: 48px;
+  font-weight: 700;
+  color: #1f1f1f;
+  text-align: center;
+  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+</style>

package/rules/.source/web/h2/src/instance.ts

@@ -0,0 +1,3 @@
+import type H2 from "./h2.vue";
+
+export type H2Instance = InstanceType<typeof H2> & unknown;