Setup: Initialize ShadCDN-Svelte in Frontend

[dokterbob]

Objective

Initialize ShadCDN-Svelte alongside existing Flowbite setup to enable parallel development during migration.

Tasks

• Run pnpm dlx shadcn-svelte@latest init in apps/frontend
• Configure with base color: slate (to match current gray theme)
• Set CSS file location to existing src/app.css
• Configure import aliases to match current project structure
• Create components.json configuration file
• Verify ShadCDN CLI works correctly with moon commands

Configuration Details

{
  "$schema": "https://shadcn-svelte.com/schema.json",
  "style": "default",
  "tailwind": {
    "css": "src/app.css",
    "baseColor": "slate"
  },
  "aliases": {
    "components": "$lib/components",
    "utils": "$lib/utils",
    "ui": "$lib/components/ui",
    "hooks": "$lib/hooks",
    "lib": "$lib"
  },
  "typescript": true,
  "registry": "https://shadcn-svelte.com/registry"
}

Acceptance Criteria

• ShadCDN CLI successfully installed and configured
• Can add components via CLI
• No conflicts with existing Flowbite setup
• Project still builds and runs correctly

[shkelqim627]

Hi @aryadhruv 👋,

I’m planning to start working on the button component and wanted to check something first:
Did you initialize ShadCN in the project already?

Also, if you have a moment, I’d appreciate your help in getting the app fully set up on my machine so I can begin contributing smoothly.

Thanks! 🙌