Yumma CSS and Nuxt.js
Learn how to integrate Yumma CSS with Vue.
-
Install Yumma CSS:
Install the Yumma CSS Library using a package manager.
Installing dependencies... npm install yummacss@latest -
Include
yummacss
in your main CSS file:In this case, we’re importing the minified version of Yumma CSS.
Create a new
assets/global.css
file.assets/global.css @import "yummacss/dist/yumma.min.css"; -
Import the CSS file
Add the new CSS file to
nuxt.config.ts
.nuxt.config.ts export default defineNuxtConfig({compatibilityDate: "2024-04-03",devtools: { enabled: true },css: ["/assets/global.css"],}); -
Start development server
Start your application using
npm run dev
.Starting development server... npm run dev -
Done!
You’re all set to start using Yumma CSS utility classes in your project.
app.vue <template><h1 class="fs-sm fw-700 ta-c tc-indigo">Yumma CSS 🤝 Nuxt.js</h1></template>
Clone this project
You can clone the project from the GitHub repository.
git clone https://github.com/yumma-lib/nuxtjs-example.git