Tairo base layer

Tairo Layer

This layer is the base layer of Tairo. It contains shared features across all layers like panels, multi step forms, modals, advanced inputs, etc...

•Modules

Modules are preinstalled to bootstrap your project with a lot of features and utilities while keeping the flexibility to extend or override them

Module	Description
@shuriken-ui/nuxt	Base UI components
@vueuse/nuxt	Vue composition API utilities
nuxt-icon	100,000+ ready to use icons from Iconify.
@nuxtjs/color-mode	Dark and Light mode for Nuxt with auto detection
@nuxtjs/tailwindcss	Tailwind CSS integration for Nuxt.js

Take a look at their documentation to see all the features they provide

•Composables

Module	Description
useMultiStepForm	A composable to create forms over multiple pages
usePanels	Easily create and show panels with a lot of features
useToaster	Show toasts with ease
useTailwindColors	Reactive colors from your tailwind config

The default configuration of Tairo is really simple. It allows you to set the title of your app, the logo of the error page and the panels you want to use. Feel free to add your own configuration keys and use them in your app.

New configuration options are added to the tairo object when you enable layouts, see details in corresponding layer documentation.