🧰 A foundational Nuxt layer with all the tools to build powerful full-stack applications.
- Install the layer
[npm|yarn|pnpm|bun] add nuxt-foundation-layer- Extend your Nuxt config
// ~/nuxt.config.ts
export default defineNuxtConfig({
extends: ["nuxt-foundation-layer"],
});- Dust off your keyboard, you have an application to build!
The nuxt-foundation-layer installs a number of modules:
| Module | Description |
|---|---|
@pinia/nuxt |
🍍 Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools suppor |
@nuxt/eslint |
Collection of ESLint-related packages for Nuxt |
@vueuse/nuxt |
Collection of essential Vue Composition Utilities for Vue 2 and 3 |
@unocss/nuxt |
The instant on-demand atomic CSS engine. |
nuxt-rebar |
🤘 Rock-solid generic & extensible components in Nuxt w/ the power of UnoCSS, Untheme, & Radix. |
nuxt-rosetta |
🌹 Translate application content & effortlessly switch languages in Nuxt. |
nuxt-cereal |
🥣 Cereal-ize JSON data into literally-typed constants, enums, & options in Nuxt. |
nuxt-untheme |
🔮 Build your own tokenized design system w/ dynamic CSS vars in Nuxt using Untheme. |
nuxt-typed-router |
🚦 Provide autocompletion and typecheck to Nuxt router |
nuxt-security |
🛡 Automatically configure your app to follow OWASP security patterns and principles by using HTTP Headers and Middleware |