refactor: migrate to reka-ui (#75)

* refactor: migrate radix-vue to reka-ui

* Version Packages (next)

* chore: update readme (#81)

* chore: update readme

* Create poor-buses-buy.md

* chore: update baseBranch

* chore: fix cd

* Version Packages (next) (#82)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* chore: bump reka stable version

* chore: revert the cd

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

Author: zernonia

.changeset/config.json

@@ -5,7 +5,7 @@
   "fixed": [],
   "linked": [],
   "access": "public",
-  "baseBranch": "main",
+  "baseBranch": "next",
   "updateInternalDependencies": "patch",
   "ignore": ["playground"]
 }

.changeset/good-ways-obey.md

@@ -0,0 +1,5 @@
+---
+"vaul-vue": minor
+---
+
+migrate from Radix Vue to Reka UI

.changeset/poor-buses-buy.md

@@ -0,0 +1,5 @@
+---
+"vaul-vue": patch
+---
+
+chore: update readme

.changeset/pre.json

@@ -0,0 +1,12 @@
+{
+  "mode": "pre",
+  "tag": "next",
+  "initialVersions": {
+    "vaul-vue": "0.2.1",
+    "playground": "0.0.0"
+  },
+  "changesets": [
+    "good-ways-obey",
+    "poor-buses-buy"
+  ]
+}

README.md

@@ -1,7 +1,7 @@
 # Vaul Vue
 
 Vaul Vue is an unstyled drawer component for Vue that can be used as a Dialog replacement on tablet and mobile devices.
-It uses [Radix Vue's Dialog primitive](https://www.radix-vue.com/components/dialog.html) under the hood and is a feature complete port of [Emil Kowalski's Vaul library](https://github.com/emilkowalski/vaul) (built for React).
+It uses [Reka UI's Dialog primitive](https://www.reka-ui.com/docs/components/dialog) under the hood and is a feature complete port of [Emil Kowalski's Vaul library](https://github.com/emilkowalski/vaul) (built for React).
 
 ## Installation
 
@@ -42,4 +42,4 @@ import { DrawerContent, DrawerOverlay, DrawerPortal, DrawerRoot, DrawerTrigger }
 All credits go to these open-source works and resources
 
 - Major credits go to [Emil Kowalski](https://emilkowal.ski/) for the original [Vaul library](https://github.com/emilkowalski/vaul).
-- [Radix Vue](https://www.radix-vue.com/) for the Dialog primitive used under the hood.
+- [Reka UI](https://www.reka-ui.com/) for the Dialog primitive used under the hood.

packages/vaul-vue/CHANGELOG.md

@@ -1,5 +1,17 @@
 # vaul-vue
 
+## 0.3.0-next.1
+
+### Patch Changes
+
+- 6f906b7: chore: update readme
+
+## 0.3.0-next.0
+
+### Minor Changes
+
+- migrate from Radix Vue to Reka UI
+
 ## 0.2.1
 
 ### Patch Changes

packages/vaul-vue/README.md

@@ -1,7 +1,7 @@
 # Vaul Vue
 
 Vaul Vue is an unstyled drawer component for Vue that can be used as a Dialog replacement on tablet and mobile devices.
-It uses [Radix Vue's Dialog primitive](https://www.radix-vue.com/components/dialog.html) under the hood and is a feature complete port of [Emil Kowalski's Vaul library](https://github.com/emilkowalski/vaul) (built for React).
+It uses [Reka UI's Dialog primitive](https://www.reka-ui.com/docs/components/dialog) under the hood and is a feature complete port of [Emil Kowalski's Vaul library](https://github.com/emilkowalski/vaul) (built for React).
 
 ## Installation
 
@@ -42,4 +42,4 @@ import { DrawerContent, DrawerOverlay, DrawerPortal, DrawerRoot, DrawerTrigger }
 All credits go to these open-source works and resources
 
 - Major credits go to [Emil Kowalski](https://emilkowal.ski/) for the original [Vaul library](https://github.com/emilkowalski/vaul).
-- [Radix Vue](https://www.radix-vue.com/) for the Dialog primitive used under the hood.
+- [Reka UI](https://www.reka-ui.com/) for the Dialog primitive used under the hood.

packages/vaul-vue/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vaul-vue",
   "type": "module",
-  "version": "0.2.1",
+  "version": "0.3.0-next.1",
   "repository": "https://github.com/Elliot-Alexander/vaul-vue",
   "keywords": [
     "vue",
@@ -36,12 +36,12 @@
     "release": "pnpm run build-only"
   },
   "peerDependencies": {
-    "radix-vue": "^1.4.0",
+    "reka-ui": "^2.0.0",
     "vue": "^3.3.0"
   },
   "dependencies": {
     "@vueuse/core": "^10.8.0",
-    "radix-vue": "^1.4.9",
+    "reka-ui": "^2.0.0",
     "vue": "^3.4.5"
   },
   "devDependencies": {

packages/vaul-vue/src/DrawerContent.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, watch } from 'vue'
-import { DialogContent } from 'radix-vue'
+import { DialogContent } from 'reka-ui'
 import { injectDrawerRootContext } from './context'
 
 const {

packages/vaul-vue/src/DrawerOverlay.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { DialogOverlay } from 'radix-vue'
+import { DialogOverlay } from 'reka-ui'
 import { computed } from 'vue'
 import { injectDrawerRootContext } from './context'
 

packages/vaul-vue/src/DrawerRoot.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { DialogRoot } from 'radix-vue'
+import { DialogRoot } from 'reka-ui'
 import { useVModel } from '@vueuse/core'
 import { type WritableComputedRef, computed, toRefs } from 'vue'
 import { provideDrawerRootContext } from './context'

packages/vaul-vue/src/DrawerRootNested.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useForwardPropsEmits } from 'radix-vue'
+import { useForwardPropsEmits } from 'reka-ui'
 import DrawerRoot from './DrawerRoot.vue'
 import type { DrawerRootEmits, DrawerRootProps } from './controls'
 import { injectDrawerRootContext } from './context'

packages/vaul-vue/src/context.ts

@@ -1,5 +1,5 @@
 import type { ComponentPublicInstance, Ref } from 'vue'
-import { createContext } from 'radix-vue'
+import { createContext } from 'reka-ui'
 import type { DrawerDirection } from './types'
 
 export interface DrawerRootContext {

packages/vaul-vue/src/index.ts

@@ -35,4 +35,4 @@ export {
 
   DialogTrigger as DrawerTrigger,
   type DialogTriggerProps as DrawerTriggerProps,
-} from 'radix-vue'
+} from 'reka-ui'

packages/vaul-vue/vite.config.ts

@@ -29,7 +29,7 @@ export default defineConfig({
     rollupOptions: {
       // make sure to externalize deps that shouldn't be bundled
       // into your library (Vue)
-      external: ['vue', 'radix-vue'],
+      external: ['vue', 'reka-ui'],
       output: {
         // Provide global variables to use in the UMD build
         // for externalized deps

playground/package.json

@@ -13,7 +13,7 @@
     "test": "pnpm run test:e2e"
   },
   "dependencies": {
-    "radix-vue": "^1.8.3",
+    "reka-ui": "^2.0.0",
     "vaul-vue": "workspace:*",
     "vue": "^3.4.5",
     "vue-router": "4"

playground/src/views/HomeView.vue

@@ -28,7 +28,7 @@ import BackgroundTexture from '@/components/BackgroundTexture.vue'
         <div class="flex gap-4 justify-center mt-6">
           <DemoDrawer />
           <a
-            href="https://github.com/radix-vue/vaul-vue" target="_blank"
+            href="https://github.com/unovue/vaul-vue" target="_blank"
             class="font-semibold text-sm px-4 py-2.5 hover:bg-gray-100 rounded-full"
           > GitHub <span
             aria-hidden="true"