This personal library is a curated collection of useful elements and resources gathered from across the web. It serves as a central place to store everything that might be helpful for building future digital projects. By organizing these assets, I ensure quick access and efficient development whenever inspiration strikes.

Lucide for Icon

Install Lucide for Vue

npm install lucide-vue-next

Better use Tailwind

Install Tailwind for Nuxt

npm install tailwindcss @tailwindcss/vite

Configure Tailwind

Add the @tailwindcss/vite plugin to your Nuxt configuration as a Vite plugin.

import tailwindcss from "@tailwindcss/vite";
export default defineNuxtConfig({
  compatibilityDate: "2024-11-01",
  devtools: { enabled: true },
  vite: {
    plugins: [
      tailwindcss(),
    ],
  },
});

Import Tailwind CSS

Create an ./assets/css/main.css file and add an @import that imports Tailwind CSS.

@import "tailwindcss";