Skip to content
Dulak logoDulak

vue-tailwind

Branch: template/vue-tailwind — the boilerplate’s client swapped to Vue 3 (@inertiajs/vue3) with Tailwind CSS v4.

What changes vs main

Section titled “What changes vs main”
  • src/client/app.ts — createInertiaApp; createSSRApp when the page was server-rendered (hydrate), createApp otherwise
  • src/client/ssr.ts — renderToString from @vue/server-renderer
  • 8 pages + 4 components as <script setup lang="ts"> SFCs
  • src/server/vue-plugin.ts — Bun.build plugin compiling SFCs with @vue/compiler-sfc (compileScript + compileTemplate, render attached to the component, bindingMetadata for setup bindings)
  • buildClientAssets() does three steps: Tailwind CLI → client bundle → SSR bundle (dist/ssr.js, loaded lazily by inertia.ts)
  • typecheck = vue-tsc

Forms use the unified Inertia v3 form API — fields live directly on the form object (v-model="form.email").

Terminal window
bunx create-dulak my-app --template vue-tailwind