@douganderson444/listavelte

0.1.6 • Public • Published

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.

Readme

Keywords

none

Package Sidebar

Install

npm i @douganderson444/listavelte

Weekly Downloads

0

Version

0.1.6

License

none

Unpacked Size

167 kB

Total Files

12

Last publish

Collaborators

  • douganderson444