chore: push docs to git

.gitignore

@@ -9,4 +9,6 @@ node_modules
 *.log
 coverage
 .cache
-docs
+docs
+
+!deprecated/packages/docs

deprecated/packages/docs/.vitepress/components/common/CodeBlock.vue

@@ -0,0 +1,22 @@
+<template>
+  <div class="mt-4">
+    <CodeBlockComponent v-bind="$attrs" :is-dark="isDark"></CodeBlockComponent>
+  </div>
+</template>
+
+<script>
+import { CodeBlock as CodeBlockComponent } from '@hunterliu/code-block'
+import { isDark } from '@/theme/dark'
+
+export default {
+  inheritAttrs: false,
+  components: {
+    CodeBlockComponent
+  },
+  setup() {
+    return {
+      isDark
+    }
+  }
+}
+</script>

deprecated/packages/docs/.vitepress/components/common/ThemeToggle.vue

@@ -0,0 +1,59 @@
+<template>
+  <ClientOnly>
+    <button class="icon-button" v-bind="$attrs" @click="isDark = !isDark" :aria-label="label" :title="label">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        xmlns:xlink="http://www.w3.org/1999/xlink"
+        width="1.2em"
+        height="1.2em"
+        preserveAspectRatio="xMidYMid meet"
+        viewBox="0 0 32 32"
+        v-if="!isDark"
+      >
+        <path
+          d="M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3z"
+          fill="currentColor"
+        ></path>
+      </svg>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        xmlns:xlink="http://www.w3.org/1999/xlink"
+        width="1.2em"
+        height="1.2em"
+        preserveAspectRatio="xMidYMid meet"
+        viewBox="0 0 32 32"
+        v-else
+      >
+        <path
+          d="M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6z"
+          fill="currentColor"
+        ></path>
+        <path d="M5.394 6.813l1.414-1.415l3.506 3.506L8.9 10.318z" fill="currentColor"></path>
+        <path d="M2 15.005h5v2H2z" fill="currentColor"></path>
+        <path d="M5.394 25.197L8.9 21.691l1.414 1.415l-3.506 3.505z" fill="currentColor"></path>
+        <path d="M15 25.005h2v5h-2z" fill="currentColor"></path>
+        <path d="M21.687 23.106l1.414-1.415l3.506 3.506l-1.414 1.414z" fill="currentColor"></path>
+        <path d="M25 15.005h5v2h-5z" fill="currentColor"></path>
+        <path d="M21.687 8.904l3.506-3.506l1.414 1.415l-3.506 3.505z" fill="currentColor"></path>
+        <path d="M15 2.005h2v5h-2z" fill="currentColor"></path>
+      </svg>
+    </button>
+  </ClientOnly>
+</template>
+
+<script setup>
+import { isDark, label } from '@/theme/dark'
+</script>
+
+<style scoped>
+.icon-button {
+  display: flex;
+  font-size: 1.05rem;
+  border: 0;
+  outline: 0;
+  background: 0 0;
+  color: var(--c-text);
+  opacity: 0.8;
+  cursor: pointer;
+}
+</style>

deprecated/packages/docs/.vitepress/components/common/VButton.vue

@@ -0,0 +1,23 @@
+<template>
+  <button class="v-btn"><span v-if="highlight">👉 </span><slot></slot></button>
+</template>
+
+<script>
+export default {
+  props: {
+    highlight: {
+      type: Boolean,
+      default: false
+    }
+  }
+}
+</script>
+
+<style scoped>
+button.v-btn {
+  @apply px-2 py-1 border rounded;
+}
+button.v-btn + button.v-btn {
+  margin: 0 0 0 1rem;
+}
+</style>

deprecated/packages/docs/.vitepress/components/common/VContent.vue

@@ -0,0 +1,14 @@
+<template>
+  <span>{{ content }}</span>
+</template>
+
+<script>
+export default {
+  props: {
+    content: {
+      type: String,
+      default: ''
+    }
+  }
+}
+</script>

deprecated/packages/docs/.vitepress/components/common/VDescription.vue

@@ -0,0 +1,14 @@
+<template>
+  <p>{{ content }}</p>
+</template>
+
+<script>
+export default {
+  props: {
+    content: {
+      type: String,
+      default: ''
+    }
+  }
+}
+</script>

deprecated/packages/docs/.vitepress/components/common/VTitle.vue

@@ -0,0 +1,14 @@
+<template>
+  <div>{{ text }}</div>
+</template>
+
+<script>
+export default {
+  props: {
+    text: {
+      type: String,
+      default: ''
+    }
+  }
+}
+</script>

deprecated/packages/docs/.vitepress/components/common/VfmLogo.vue

@@ -0,0 +1,10 @@
+<template>
+  <ClientOnly>
+    <img v-if="!isDark" src="/preview.png" class="light-img" alt="Vue Final Modal Logo" />
+    <img v-else src="/preview-dark.png" class="dark-img" alt="Vue Final Modal Logo" />
+  </ClientOnly>
+</template>
+
+<script setup>
+import { isDark } from '@/theme/dark'
+</script>