29 use svelte stores

[Rettend]

• restructured the mess in the src folder (like component files being in routes :D )
• it turned out that it's fine if a component modifies its props if the prop is a $bindable prop:
  • we just needed two lines 🤦
• created the items store in stores/item.svelte.ts, and it encapsulates its methods
  • the svelte.ts extension is just for using svelte runes in ts files
  • frankly, extracting all that logic to a store wouldn't have been necessary, but i learnt how stores work and this allows accessing the items from anywhere in the entire app, like we may want to do something with the selected item somewhere else idk. and it does look cleaner imo
• simplified some stuff, and i now know what the problem with the Item tests was

[Rettend]

😮 this is new to me

okay here we go if you haven't looked it up yet:

// we have an object type
type User = {
  id: number
  name: string
}

// user is of type User
const user: User = {
  id: 1,
  name: 'asd'
}

// user's type is { id: number, name: string }
const user = {
  id: 1,
  name: 'asd'
} satisfies User

so satisfies will keep the inferred type, but will still provide typechecking for user.

In our case, both would work, but there are cases where you have to use satisfies

[Rettend]

thanks for your work cleaning things up! bun i was significantly faster than npm i on my mac :D

also, what exactly was the problem you discovered with Item tests?!

because of how we used events like deleteItem, when the quantity was 1 and you pressed the left arrow, it would not decrease it (because it would return early). so i increased the quantity to 2, and made two tests, one where it should decrease quantity and one where it should call the delete event.

i'm not sure how to write this clearer