<script>
import { crossfade, fade } from 'svelte/transition';
import { flip } from 'svelte/animate';
import { cubicOut } from 'svelte/easing';
const [send, receive] = crossfade({
duration: d => Math.sqrt(d * 350),
easing: cubicOut,
fallback: fade,
})
let tags = [
{ id: 1, text: 'JavaScript' },
{ id: 2, text: 'React' },
{ id: 3, text: 'Vue' },
{ id: 4, text: 'Angular' },
{ id: 5, text: 'Svelte' },
];
let selected = [];
function select(id) {
if (selected.includes(id)) {
selected = selected.filter(selectedId => selectedId !== id);
} else {
selected = [...selected, id]
}
}
</script>
<style>
.tag {
display: inline-block;
margin-right: 8px;
}
</style>