Public Access
Scaffold clients with vue-ui-kit instead of Nuxt UI / shadcn-vue
Both `draft new client` and `draft new monorepo` (which reuses the same client scaffolding for apps/client) now wire up @fernandojvideira/vue-ui-kit as the component library on both frameworks, installed from its Gitea npm registry. Vue: drops the shadcn-vue init/add steps entirely - vue-ui-kit's theme.css is imported directly instead of a generated one, and the overlay's one shadcn Button usage now comes from vue-ui-kit. Nuxt: switches the nuxi starter from "ui" (Nuxt UI) to "minimal", wiring Tailwind v4 + vue-ui-kit by hand instead (mirrors vue-ui-kit's own Nuxt INSTALL.md instructions). Needed one real fix: the "minimal" starter has no typescript devDependency, and pnpm resolving it unpinned lands on TypeScript 7, which breaks @vue/compiler-sfc's cross-file type resolution that vue-ui-kit's components rely on - pinned to ~6.0.0 to match create-vue's own default for the Vue flow. The actual overlay content changes (token renames, icon swaps, a new useToast() composable for Nuxt, etc.) live in the project-template submodule, bumped here to its latest commit. Verified end-to-end: both frameworks install, typecheck, and build clean from a fresh `draft new client`, and were checked live in the browser. Co-Authored-By: Claude Sonnet 5 <[email protected]>
This commit is contained in:
1 parent
145b3bb879
commit
663ffb1c09
3 files changed
+74
-66
No files matched your search
@@ -82,10 +82,10 @@ draft new client
|
||||
|
||||
1. Prompts for a project name
|
||||
2. Prompts you to pick a framework — **Nuxt** or **Vue**
|
||||
3. Scaffolds the base app via the official tooling (`nuxi init` for Nuxt, `create-vue` + `shadcn-vue` for Vue), so the generated boilerplate, dependency versions, and lockfile are always current rather than pinned by Draft
|
||||
3. Scaffolds the base app via the official tooling (`nuxi init` for Nuxt, `create-vue` for Vue), so the generated boilerplate, dependency versions, and lockfile are always current rather than pinned by Draft
|
||||
4. Layers a Draft-maintained overlay on top: an auth store (login/logout/register/token refresh), route guards, API composable, and pages for login/signup/profile/organizations/email verification/invites — all wired up to talk to a Draft-generated API out of the box
|
||||
|
||||
Both frameworks produce a comparable app: Nuxt UI + Tailwind for Nuxt, shadcn-vue + Tailwind for Vue.
|
||||
Both frameworks produce a comparable app: [`vue-ui-kit`](https://git.fernandovideira.com/FernandoJVideira/vue-ui-kit) (installed from its own Gitea npm registry - see its README for the one-time `.npmrc` token setup) + Tailwind, the same component library and theme tokens on either framework.
|
||||
|
||||
### Create a New Monorepo Project
|
||||
|
||||
|
||||
Reference in new issue
Block a user