@douganderson444/listavelte

List-a-Svelte Task List Tracker

TODO MVC for a Svelte component. And, quite possibly: The ultimate Task List?

• [x] Add new todos
• [x] Mark High priorities
• [x] Mark complete
• [x] Delete todos

Use

If you're seeing this, you've probably already done this step. Congrats!

# install the component
npm install github:douganderson444/listavelte

NPM:

# install the component from npm
npm install @douganderson444/listavelte

See src/routes/index.svelte for Demo usage:

<script>
	import { TaskList } from '@douganderson444/listavelte';
	let uid = 1;

	let todos = [
		{ id: uid++, done: false, high: true, description: 'install the component' },
		{ id: uid++, done: false, high: false, description: 'pass in some todos' },
	];
</script>

<TaskList {todos} on:change={event=> console.log("The todo list chaned to", event.detail.todos )} />

Developing

Issues, pull requests, and forks are welcome

Building

As of this writing, Sveltekit doesn't build and bundle components alone. So a Rollupjs file is needed to do this separately after package is complete.

Tailwindcss is incorporated into this step using postcss in rollup.config.bundle.js.