FieldGroup
Learn how to use the ProseFieldGroup component in your Nuxt app.
Group fields together in a list.
analytics
boolean
Default to
false - Enables analytics for your project (coming soon).blob
boolean
Default to
false - Enables blob storage to store static assets, such as images, videos and more.cache
boolean
Default to
false - Enables cache storage to cache your server route responses or functions using Nitro's cachedEventHandler and cachedFunctiondatabase
boolean
Default to
false - Enables SQL database to store your application's data.::field-group
::field{name="analytics" type="boolean"}
Default to `false` - Enables analytics for your project (coming soon).
::
::field{name="blob" type="boolean"}
Default to `false` - Enables blob storage to store static assets, such as images, videos and more.
::
::field{name="cache" type="boolean"}
Default to `false` - Enables cache storage to cache your server route responses or functions using Nitro's `cachedEventHandler` and `cachedFunction`
::
::field{name="database" type="boolean"}
Default to `false` - Enables SQL database to store your application's data.
::
::
Theme
app.config.ts
export default defineAppConfig({
ui: {
prose: {
fieldGroup: {
base: 'my-5 divide-y divide-default *:not-last:pb-5'
}
}
}
})
vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import ui from '@nuxt/ui/vite'
export default defineConfig({
plugins: [
vue(),
ui({
ui: {
prose: {
fieldGroup: {
base: 'my-5 divide-y divide-default *:not-last:pb-5'
}
}
}
})
]
})
Changelog
No recent changes