feat: vueform template for builder

Author: adamberecz

CHANGELOG.md

@@ -1,3 +1,10 @@
+## v1.0.14
+
+> `2025-06-04`
+
+### 🎉 Feature
+- Support Vueform theme for the builder.
+
 ## v1.0.13
 
 > `2025-02-07`

dist/index.mjs

@@ -1,6 +1,6 @@
 {
   "name": "create-vueform",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "type": "module",
   "license": "MIT",
   "author": "Adam Berecz",

package.json

@@ -55,10 +55,15 @@ const frameworks = [
 
 const themes = [
   { title: 'Vueform', value: 'vueform' },
-  { title: 'Tailwind', value: 'tailwind' },
+  { title: 'Tailwind 3', value: 'tailwind' },
   { title: 'Bootstrap', value: 'bootstrap' },
   { title: 'Material', value: 'material' },
-  { title: 'Tailwind Material', value: 'tailwind-material' },
+  { title: 'Tailwind 3 Material', value: 'tailwind-material' },
+]
+
+const builderThemes = [
+  { title: 'Vueform', value: 'vueform' },
+  { title: 'Tailwind 3', value: 'tailwind' },
 ]
 
 const tailwind = {
@@ -157,10 +162,10 @@ async function main() {
         inactive: 'no',
       },
       {
-        type: (prev, { builder }) => !!argv.builder || !!argv.b || builder === 'builder' ? null : 'select',
+        type: 'select',
         name: 'theme',
         message: 'Select a theme for your project:',
-        choices: themes
+        choices: (prev, { builder }) => !!argv.builder || !!argv.b || builder === 'builder' ? builderThemes : themes,
       }
     ], 
     {
@@ -175,9 +180,9 @@ async function main() {
      * Variables
      */
     const isBuilder = !!argv.builder || !!argv.b || response.builder === 'builder'
-    const theme = isBuilder ? 'tailwind' : response.theme
+    const theme = response.theme
     const isAstro = framework === 'astro'
-    const isTailwind = ['tailwind', 'tailwind-material'].indexOf(theme) !== -1 || isBuilder
+    const isTailwind = ['tailwind', 'tailwind-material'].indexOf(theme) !== -1
     const isBootstrap = ['bootstrap'].indexOf(theme) !== -1
     const isLaravel = framework === 'laravel'
 
@@ -240,7 +245,7 @@ async function main() {
       status('\nInstalling Tailwind...')
       await Promise.all(tailwind[framework].install.map(async (script) => {
         const command = script.split(' ')
-        await runCommand(command[0], command.slice(1), 'install Tailwind CSS')
+        await runCommand(command[0], command.slice(1), 'install Tailwind CSS v3')
       }))
     }
 

src/index.js

@@ -1 +1,5 @@
-@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');
+
+body {
+  margin: 0;
+}

templates/builder/nuxt/vueform/ts/assets/css/main.css

@@ -1 +1,5 @@
-@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');
+
+body {
+  margin: 0;
+}

templates/builder/vite/vueform/js/src/style.css

@@ -1 +1,5 @@
-@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');
+
+body {
+  margin: 0;
+}