Skip to content

Conversation

Copy link
Contributor

Copilot AI commented Nov 3, 2025

Migrates the UI component library from Radix Vue (v1.9.17) to Reka UI (v2.6.0), the successor library from the same maintainers.

Package Dependencies

  • Updated pnpm catalog and 3 package.json files to reference reka-ui

Import Changes

  • Replaced 241 import statements across 146 files:
    // Before
    import { TooltipRoot, TooltipTrigger } from 'radix-vue'
    
    // After
    import { TooltipRoot, TooltipTrigger } from 'reka-ui'

CSS/Data Attribute Renames

  • CSS variables: --radix-*--reka-*
  • Data attributes: data-radix-*data-reka-*

API Breaking Changes

  • Form components now use standard v-model instead of v-model:checked:
    <!-- Before -->
    <Checkbox v-model:checked="value" />
    
    <!-- After -->
    <Checkbox v-model="value" />
  • Event handlers: @update:checked@update:model-value
  • Checkbox event handler accepts boolean | 'indeterminate' for indeterminate state support
  • PinInput type aligned with model value type (text for string[] models)

All changes follow the official migration guide.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

  • cdnjs.cloudflare.com
  • https://api.github.com/repos/unovue/radix-vue
    • Triggering command: curl -s REDACTED (http block)
  • https://api.github.com/repos/unovue/reka-ui
    • Triggering command: curl -s REDACTED (http block)
  • registry.npmmirror.com
    • Triggering command: node /usr/local/bin/pnpm install --no-frozen-lockfile (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

Original prompt

This section details on the original issue you should resolve

<issue_title>FEATURE: Migration - Radix Vue to Reka UI</issue_title>
<issue_description>### Version

Vben Admin V5

Description

It would be nice to integrate the Reka UI (from Radix)

Proposed Solution

Radix Vue to Reka UI Migration

Alternatives Considered

No response

Additional Context

No response

Validations

  • Read the docs
  • Ensure the code is up to date. (Some issues have been fixed in the latest version)
  • I have searched the existing issues and checked that my issue does not duplicate any existing issues.</issue_description>

Comments on the Issue (you are @copilot in this section)


💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

Copilot AI self-assigned this Nov 3, 2025
@changeset-bot
Copy link

changeset-bot bot commented Nov 3, 2025

⚠️ No Changeset found

Latest commit: 9f65024

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

Copilot AI changed the title [WIP] FEATURE: Migration - Radix Vue to Reka UI Migrate from Radix Vue to Reka UI Nov 3, 2025
Copilot AI requested a review from likui628 November 3, 2025 06:35
Copilot finished work on behalf of likui628 November 3, 2025 06:35
@likui628 likui628 marked this pull request as ready for review November 3, 2025 06:55
@coderabbitai
Copy link
Contributor

coderabbitai bot commented Nov 3, 2025

Important

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.


Comment @coderabbitai help to get the list of available commands and usage tips.

@likui628 likui628 changed the title Migrate from Radix Vue to Reka UI feat: migrate from Radix Vue to Reka UI Nov 3, 2025
@likui628
Copy link
Collaborator

likui628 commented Nov 3, 2025

@coderabbitai review

@coderabbitai
Copy link
Contributor

coderabbitai bot commented Nov 3, 2025

✅ Actions performed

Review triggered.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.

@doraemonxxx
Copy link

Nice 💯🙂

Copy link
Collaborator

@likui628 likui628 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@jinmao88 jinmao88 merged commit 1e09fa4 into main Nov 6, 2025
13 checks passed
@jinmao88 jinmao88 deleted the copilot/fix-76995045-278772719-c71c4562-b4e7-4afc-a74b-ecad266bc937 branch November 6, 2025 08:22
@GreatAuk
Copy link
Contributor

GreatAuk commented Nov 7, 2025

image tree 组件好像更新出 bug 了

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

FEATURE: Migration - Radix Vue to Reka UI

5 participants