feat: builder nuxt, astro tailwind

Author: adamberecz

src/files/builder/astro/tailwind/js/astro.config.mjs

@@ -0,0 +1,11 @@
+import { defineConfig } from 'astro/config'
+import vue from '@astrojs/vue'
+import tailwind from '@astrojs/tailwind';
+
+// https://astro.build/config
+export default defineConfig({
+  integrations: [
+    vue({ appEntrypoint: '/src/pages/_app' }),
+    tailwind(),
+  ],
+})

src/files/builder/astro/tailwind/js/builder.config.js

@@ -0,0 +1,5 @@
+import { defineConfig } from '@vueform/builder'
+
+import '@vueform/builder/index.css'
+
+export default defineConfig({})

src/files/builder/astro/tailwind/js/src/components/FormBuilder.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="h-screen">
+    <VueformBuilder />
+  </div>
+</template>

src/files/builder/astro/tailwind/js/src/pages/_app.ts

@@ -0,0 +1,10 @@
+import type { App } from 'vue';
+import Vueform from '@vueform/vueform'
+
+export default async (app: App) => {
+  const vueformConfig = (await import('../../vueform.config')).default
+  const builderConfig = (await import('../../builder.config')).default
+  const Builder = (await import('@vueform/builder')).default
+  app.use(Vueform, vueformConfig)
+  app.use(Builder, builderConfig)
+}

src/files/builder/astro/tailwind/js/src/pages/index.astro

@@ -0,0 +1,8 @@
+---
+import Layout from '../layouts/Layout.astro';
+import FormBuilder from '../components/FormBuilder.vue';
+---
+
+<Layout title="Welcome to Astro.">
+  <FormBuilder client:only="vue"/>
+</Layout>

src/files/builder/astro/tailwind/js/tailwind.config.js

@@ -0,0 +1,22 @@
+import vueformPlugin from '@vueform/vueform/tailwind'
+import builderPlugin from '@vueform/builder/tailwind'
+
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    './src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}',
+    './vueform.config.js',
+    './node_modules/@vueform/vueform/themes/tailwind/**/*.vue',
+    './node_modules/@vueform/vueform/themes/tailwind/**/*.js',
+    './node_modules/@vueform/builder/**/*.js',
+    './node_modules/@vueform/builder/**/*.css',
+  ],
+  darkMode: 'class',
+  theme: {
+    extend: {},
+  },
+  plugins: [
+    vueformPlugin,
+    builderPlugin,
+  ],
+};

src/files/builder/astro/tailwind/js/vueform.config.js

@@ -0,0 +1,14 @@
+import en from '@vueform/vueform/locales/en'
+import theme from '@vueform/vueform/dist/tailwind'
+import { defineConfig } from '@vueform/vueform'
+import builder from '@vueform/builder/plugin'
+
+export default defineConfig({
+  theme,
+  locales: { en },
+  locale: 'en',
+  apiKey: 'YOUR_PUBLIC_KEY',
+  plugins: [
+    builder,
+  ],
+})

src/files/builder/astro/tailwind/ts/astro.config.mjs

@@ -0,0 +1,11 @@
+import { defineConfig } from 'astro/config'
+import vue from '@astrojs/vue'
+import tailwind from '@astrojs/tailwind';
+
+// https://astro.build/config
+export default defineConfig({
+  integrations: [
+    vue({ appEntrypoint: '/src/pages/_app' }),
+    tailwind(),
+  ],
+})

src/files/builder/astro/tailwind/ts/builder.config.ts

@@ -0,0 +1,5 @@
+import { defineConfig } from '@vueform/builder'
+
+import '@vueform/builder/index.css'
+
+export default defineConfig({})

src/files/builder/astro/tailwind/ts/src/components/FormBuilder.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="h-screen">
+    <VueformBuilder />
+  </div>
+</template>