Merge remote-tracking branch 'origin/main' into 1.9

unovue · Jun 26, 2024 · c12c783 · c12c783
2 parents 6f66b95 + bed3a30
commit c12c783
Show file tree

Hide file tree

Showing 398 changed files with 7,625 additions and 2,879 deletions.
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,12 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
diff --git a/docs/.vitepress/components/CardLink.vue b/docs/.vitepress/components/CardLink.vue
@@ -11,12 +11,24 @@ defineProps<{
 
 <template>
   <div>
-    <a class="flex flex-col bg-[var(--vp-c-bg-soft)] hover:bg-[var(--vp-c-bg-alt)] transition duration-300 rounded-xl p-4" target="_blank" :href="url">
+    <a
+      class="flex flex-col bg-[var(--vp-c-bg-soft)] hover:bg-[var(--vp-c-bg-alt)] transition duration-300 rounded-xl p-4"
+      target="_blank"
+      :href="url"
+    >
       <h5 class="font-bold">{{ title }}</h5>
       <p class="my-1 text-sm text-[var(--vp-c-text-2)]">{{ description }}</p>
 
-      <AspectRatio v-if="image" :ratio="16 / 9" class="rounded-md mt-2 overflow-hidden  ">
-        <img class="w-full h-full object-cover" :src="image" :alt="title">
+      <AspectRatio
+        v-if="image"
+        :ratio="16 / 9"
+        class="rounded-md mt-2 overflow-hidden  "
+      >
+        <img
+          class="w-full h-full object-cover"
+          :src="image"
+          :alt="title"
+        >
       </AspectRatio>
 
     </a>

diff --git a/docs/.vitepress/components/ComponentPreview.vue b/docs/.vitepress/components/ComponentPreview.vue
@@ -14,7 +14,11 @@ const parsedFiles = computed(() => JSON.parse(decodeURIComponent(props.files ??
 </script>
 
 <template>
-  <HeroContainer :folder="name" :files="parsedFiles" :css-framework="cssFramework">
+  <HeroContainer
+    :folder="name"
+    :files="parsedFiles"
+    :css-framework="cssFramework"
+  >
     <slot />
 
     <template #codeSlot>

diff --git a/docs/.vitepress/components/EmbedIframe.vue b/docs/.vitepress/components/EmbedIframe.vue
@@ -16,6 +16,10 @@ onMounted(() => {
 
 <template>
   <AspectRatio>
-    <iframe :src="src" class="w-full h-full" v-bind="$attrs" />
+    <iframe
+      :src="src"
+      class="w-full h-full"
+      v-bind="$attrs"
+    />
   </AspectRatio>
 </template>
diff --git a/docs/.vitepress/components/HomePage.vue b/docs/.vitepress/components/HomePage.vue
@@ -9,19 +9,31 @@ import Contributors from './Contributors.vue'
     <div class="mx-auto w-full container max-w-[1152px]">
       <main class="w-full">
         <div class="vp-doc flex flex-col items-center mt-10">
-          <h2 id="meet-the-team" class="opacity-50 font-medium pt-10 pb-2">
+          <h2
+            id="meet-the-team"
+            class="opacity-50 font-medium pt-10 pb-2"
+          >
             Meet The Team
           </h2>
           <div class="w-full">
-            <VPTeamMembers size="small" :members="teamMembers" />
+            <VPTeamMembers
+              size="small"
+              :members="teamMembers"
+            />
           </div>
-          <h2 id="the-team" class="op50 font-medium pt-5 pb-2">
+          <h2
+            id="the-team"
+            class="op50 font-medium pt-5 pb-2"
+          >
             Contributors
           </h2>
           <p class="text-lg max-w-200 text-center leading-7">
             <Contributors />
             <br>
-            <a href="https://chat.radix-vue.com" rel="noopener noreferrer">Join the community</a> and get involved!
+            <a
+              href="https://chat.radix-vue.com"
+              rel="noopener noreferrer"
+            >Join the community</a> and get involved!
           </p>
         </div>
       </main>

diff --git a/docs/.vitepress/components/InstallationTabs.vue b/docs/.vitepress/components/InstallationTabs.vue
@@ -28,7 +28,12 @@ import { store } from '../store'
     <div
       class="[&_>div]:!m-0 custom"
     >
-      <TabsContent v-for="pkg in PACKAGE_MANAGERS" :key="pkg" :value="pkg" as-child>
+      <TabsContent
+        v-for="pkg in PACKAGE_MANAGERS"
+        :key="pkg"
+        :value="pkg"
+        as-child
+      >
         <slot :name="pkg" />
       </TabsContent>
     </div>

diff --git a/docs/.vitepress/components/NewHeroCodeGroup.vue b/docs/.vitepress/components/NewHeroCodeGroup.vue
@@ -72,10 +72,16 @@ watch(open, () => {
           </TabsTrigger>
         </TabsList>
         <div>
-          <SelectRoot v-model="cssFramework" @update:model-value="currentTab = 'index.vue'">
+          <SelectRoot
+            v-model="cssFramework"
+            @update:model-value="currentTab = 'index.vue'"
+          >
             <SelectTrigger class="flex items-center justify-between bg-stone-800 rounded-sm w-[115px] text-xs py-1 pl-2 pr-1">
               <SelectValue />
-              <Icon icon="radix-icons:chevron-down" class="h-3.5 w-3.5" />
+              <Icon
+                icon="radix-icons:chevron-down"
+                class="h-3.5 w-3.5"
+              />
             </SelectTrigger>
 
             <SelectPortal>
@@ -108,9 +114,17 @@ watch(open, () => {
       class="pb-10 block custom"
       :class="`${open ? 'overflow-scroll h-full min-h-[150px] max-h-[80vh]' : 'overflow-hidden h-[150px]'}`"
     >
-      <TabsContent v-for="tab in tabs" :key="tab.label" :value="tab.label" as-child>
+      <TabsContent
+        v-for="tab in tabs"
+        :key="tab.label"
+        :value="tab.label"
+        as-child
+      >
         <div class="relative -mt-5 text-base">
-          <component :is="tab.component" class="border-0" />
+          <component
+            :is="tab.component"
+            class="border-0"
+          />
         </div>
       </TabsContent>
       <div

diff --git a/docs/.vitepress/components/NewHeroContainer.vue b/docs/.vitepress/components/NewHeroContainer.vue
@@ -22,8 +22,20 @@ withDefaults(
       <div class="w-full max-w-[700px] flex items-center py-12 sm:py-[100px] custom-justify-center ">
         <slot />
 
-        <CodeSandbox v-if="folder" :key="cssFramework" class="hidden sm:block absolute bottom-4 right-4" :name="folder" :files="files" />
-        <Stackblitz v-if="folder" :key="cssFramework" class="hidden sm:block absolute bottom-4 right-12" :name="folder" :files="files" />
+        <CodeSandbox
+          v-if="folder"
+          :key="cssFramework"
+          class="hidden sm:block absolute bottom-4 right-4"
+          :name="folder"
+          :files="files"
+        />
+        <Stackblitz
+          v-if="folder"
+          :key="cssFramework"
+          class="hidden sm:block absolute bottom-4 right-12"
+          :name="folder"
+          :files="files"
+        />
       </div>
     </div>
     <slot name="codeSlot" />

diff --git a/docs/.vitepress/components/Spinner.vue b/docs/.vitepress/components/Spinner.vue
@@ -3,5 +3,8 @@ import { Icon } from '@iconify/vue'
 </script>
 
 <template>
-  <Icon icon="lucide:loader-2" class="animate-spin" />
+  <Icon
+    icon="lucide:loader-2"
+    class="animate-spin"
+  />
 </template>
diff --git a/docs/.vitepress/contributor-names.json b/docs/.vitepress/contributor-names.json
@@ -1,74 +1,89 @@
 [
   "zernonia",
   "khairulhaaziq",
-  "MellKam",
   "epr3",
+  "MellKam",
+  "sadeghbarati",
   "mujahidfa",
   "onmax",
-  "sadeghbarati",
   "DamianGlowala",
+  "dwightjack",
   "Chrtyaka",
   "remonke",
-  "dwightjack",
-  "Scrum",
   "ChrisGV04",
+  "Saeid-Za",
+  "Scrum",
   "BayBreezy",
+  "benjamincanac",
   "kdnk",
   "mukundshah",
-  "Saeid-Za",
+  "RayGuo-ergou",
   "teleskop150750",
+  "enkot",
   "npldevfr",
   "uyloal",
+  "tristandubbeld",
+  "Simon-He95",
+  "romanslonov",
   "romanhrynevych",
-  "RayGuo-ergou",
   "misbahansori",
   "libondev",
-  "madebyfabian",
-  "enkot",
   "andreww2012",
-  "benjamincanac",
-  "maxmaxme",
-  "noook",
-  "nicooprat",
-  "steakscience",
-  "oaleynik",
-  "pohnean",
-  "Scalamando",
-  "rsoltanzadeh",
+  "madebyfabian",
   "reubns",
+  "rsoltanzadeh",
+  "Scalamando",
+  "pohnean",
+  "oaleynik",
+  "steakscience",
+  "nicooprat",
+  "noook",
+  "mabouguerra",
+  "maxmaxme",
+  "messenjer",
+  "94726",
+  "xollaborator",
+  "gasparrobi",
   "runyasak",
   "sdq-sts",
+  "Shana-AE",
   "preflower",
   "Destiner",
-  "tristandubbeld",
   "owlnai",
   "hoonweiting",
   "lennartzellmer",
   "maltoze",
+  "ricketyBridges",
   "shoma-mano",
   "ucyildirim",
   "YunYouJun",
+  "abh1nash",
   "aboubakrbm",
+  "true-andrew",
+  "Azurency",
   "ArtemTropanets",
   "sanscheese",
+  "canstand",
   "CapitaineToinon",
   "cyyynthia",
   "D-Lite",
+  "danielroe",
   "DennisSmuda",
   "idmytro",
   "dougwollison",
   "edtorba",
   "epreston",
   "dermitzos",
+  "yiwwhl",
   "yyx990803",
   "glennlaysonjr",
   "lepture",
+  "ianfireman",
   "jxjj",
   "jsmnbom",
   "usings",
   "Jordan-Ellis",
   "kn0wn",
-  "pkrinesh",
-  "94726",
-  "messenjer"
+  "justinkekeocha",
+  "pkrinesh"
 ]
diff --git a/docs/.vitepress/contributors.ts b/docs/.vitepress/contributors.ts
@@ -73,6 +73,18 @@ const plainTeamMembers: CoreTeam[] = [
     twitter: 'iam_mad_max',
     desc: 'Core team member of Radix Vue',
   },
+  {
+    avatar: contributorsAvatars.MellKam,
+    name: 'Artem Melnyk',
+    github: 'MellKam',
+    desc: 'Core team member of Radix Vue',
+  },
+  {
+    avatar: contributorsAvatars.epr3,
+    name: 'Eduard Predescu',
+    github: 'epr3',
+    desc: 'Core team member of Radix Vue',
+  },
 ]
 
 const teamMembers = plainTeamMembers.map(tm => createLinks(tm))

diff --git a/docs/.vitepress/layouts/showcase.vue b/docs/.vitepress/layouts/showcase.vue
@@ -17,7 +17,12 @@ const { frontmatter } = useData()
           {{ frontmatter.description }}
         </h2>
 
-        <VPButton text="Add Showcase" class="mt-6" target="_blank" href="https://github.com/radix-vue/radix-vue/blob/main/docs/content/showcase.md" />
+        <VPButton
+          text="Add Showcase"
+          class="mt-6"
+          target="_blank"
+          href="https://github.com/radix-vue/radix-vue/blob/main/docs/content/showcase.md"
+        />
       </div>
 
       <div class="flex flex-col gap-8 md:gap-12">
@@ -26,7 +31,11 @@ const { frontmatter } = useData()
             Packages
           </h3>
           <div class="mt-4 grid md:grid-cols-2 lg:grid-cols-3 gap-4">
-            <CardLink v-for="item in frontmatter.packages" :key="item.title" v-bind="item" />
+            <CardLink
+              v-for="item in frontmatter.packages"
+              :key="item.title"
+              v-bind="item"
+            />
           </div>
         </div>
 
@@ -35,7 +44,11 @@ const { frontmatter } = useData()
             Projects
           </h3>
           <div class="mt-4 grid md:grid-cols-2 lg:grid-cols-3 gap-4">
-            <CardLink v-for="item in frontmatter.projects" :key="item.title" v-bind="item" />
+            <CardLink
+              v-for="item in frontmatter.projects"
+              :key="item.title"
+              v-bind="item"
+            />
           </div>
         </div>
 
@@ -44,7 +57,11 @@ const { frontmatter } = useData()
             Starters
           </h3>
           <div class="mt-4 grid md:grid-cols-2 lg:grid-cols-3 gap-4">
-            <CardLink v-for="item in frontmatter.starters" :key="item.title" v-bind="item" />
+            <CardLink
+              v-for="item in frontmatter.starters"
+              :key="item.title"
+              v-bind="item"
+            />
           </div>
         </div>
       </div>