TODOLIST Component

Componente en SVELTE de un todo List básico para aprender a implementar componentes svelte en tu sitio normal.

Para crear un proyecto nuevo:

pnpm create vite@latest

Para cargarlo en github:

git init
git add .
git commit -m "Initial commit"
git branch -M main
git remote add origin https://github.com/tomichGIT/svelte-todolist.git
git push -u origin main

Tailwind

run pnpm i -D tailwindcss postcss autoprefixer svelte-preprocess in console, then pnpx tailwindcss init

@tailwind base;
@tailwind components;
@tailwind utilities;

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{html,js,svelte,ts}'],
  theme: {
    extend: {},
  },
  plugins: [require('daisyui')],
}

DaisyUI

run pnpm i -D tailwindcss in console

FontAwesome

run npm i -D @fortawesome/fontawesome-free in console

import in your component:

<style>
  @import '@fortawesome/fontawesome-free/css/all.css';
</style>

Crear la Librería en NPM (compatible con PNPM)

run pnpx svelte-kit package // este no se usa porque use el template de package cuando hice el create vite@lates run pnpm run build run cd package run npm publish --access public o npm publish para privado