refactor: migrate radix-vue to reka-ui

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 [Radix Vue'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/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 [Radix Vue'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

@@ -36,12 +36,12 @@
     "release": "pnpm run build-only"
   },
   "peerDependencies": {
-    "radix-vue": "^1.4.0",
+    "reka-ui": "^1.0.0-alpha.7",
     "vue": "^3.3.0"
   },
   "dependencies": {
     "@vueuse/core": "^10.8.0",
-    "radix-vue": "^1.4.9",
+    "reka-ui": "^1.0.0-alpha.7",
     "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": "^1.0.0-alpha.7",
     "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"