# Configurando el proyecto
# Instalacíon
# Proyecto Vue.js 3.2
npm init vue@latest
Vue.js - The Progressive JavaScript Framework
✔ Project name: … vue-project
✔ Add TypeScript? … Yes
✔ Add JSX Support? … No
✔ Add Vue Router for Single Page Application development? … Yes
✔ Add Pinia for state management? … Yes
✔ Add Vitest for Unit Testing? … No
✔ Add Cypress for both Unit and End-to-End testing? … No
? Add ESLint for code quality? › No
npm install
# Supabasew
npm install @supabase/supabase-js
# Tailwind CSS
Tailwind Vue (opens new window)
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
Configura tailwind.config.js
module.exports = {
content: [
"./index.html",
"./src/**/*.{vue,js,ts,jsx,tsx}",
],
theme: {
extend: {},
},
plugins: [],
}
Añade el archivo src > index.css
@tailwind base;
@tailwind components;
@tailwind utilities;
# DaisyUI
DaisyUI Instalación (opens new window)
npm i daisyui
Añade a tailwind.config.js
plugins: [require("daisyui")],
# Archivo .env
VITE_SUPABASE_URL=YOUR_SUPABASE_URL
VITE_SUPABASE_ANON_KEY=YOUR_SUPABASE_ANON_KEY
# Carpeta src
Copia y pega la carpeta src