refactor: migrate shadcn-components to Svelte 5 and TW4 #160

Closed
opened 2025-07-08 08:41:19 -04:00 by AtHeartEngineer · 0 comments

Originally created by @kmendell on 5/19/2025

Svelte 5

Components

  • Alert
  • Alert Dialog
  • Avatar
  • Badge
  • Button
  • Calendar
  • Card
  • Checkbox
  • Command
  • Dialog 
  • Dropdown Menu
  • Form
  • Input
  • Label
  • Pagination
  • Popover
  • Select
  • Separator
  • Sonner
  • Table
  • Tabs
  • Tooltip

Dependencies

  • bits-ui - ^1.0.0
  • svelte-sonner - ^1.0.0
  • @lucide/svelte - ^0.482.0
  • mode-watcher - ^1.0.0
  • cmdk-sv - deprecated in favor of Bits UI's Command component
  • svelte-headless-table - deprecated in favor of @tanstack/table-core
  • lucide-svelte - replaced with @lucide/svelte

Tailwind V4 Migration

  • Upgrade app.css
  • Remove tailwind.config.ts
  • Update w-* andd h-* to size-*
  • Update Utils and Deps
  • Confirm Styles
*Originally created by @kmendell on 5/19/2025* # Svelte 5 ### Components - [X] Alert - [X] Alert Dialog - [X] Avatar - [X] Badge - [X] Button - [X] Calendar - [X] Card - [X] Checkbox - [X] Command - [X] Dialog  - [X] Dropdown Menu - [X] Form - [X] Input - [X] Label - [X] Pagination - [X] Popover - [X] Select - [X] Separator - [X] Sonner - [X] Table - [X] Tabs - [X] Tooltip ### Dependencies - [X] bits-ui - ^1.0.0 - [X] svelte-sonner - ^1.0.0 - [X] @lucide/svelte - ^0.482.0 - [X] mode-watcher - ^1.0.0 - [X] cmdk-sv - deprecated in favor of Bits UI's Command component - [X] svelte-headless-table - deprecated in favor of @tanstack/table-core - [X] lucide-svelte - replaced with @lucide/svelte <hr /> # Tailwind V4 Migration - [X] Upgrade app.css - [X] Remove tailwind.config.ts - [X] Update `w-*` andd `h-*` to `size-*` - [X] Update Utils and Deps - [X] Confirm Styles
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github/pocket-id#160