Renames all references of "cards" to "items" except for cases where we are using Bulma's card class for styling.
Swaps category headings with tag headings on the front page (and removes all category fields from items.js). This means that items are potentially displayed multiple times, once for each tag. We decided to do this to avoid the inevitable fallout of managing both tags & categories for each item since we already ran into problematic cases where categories & tags overlapped.
Adds a search bar that searches title & blurb text for each item in real time, showing only the items that match, and removing tag headings (& cases where items are displayed multiple times) when search is active. There is no clear button for search at the moment, but if you backspace until the search box is empty, the front page will revert back to the default (non-search) display. The search system is intended to be a proof-of-concept that we can tweak over time. It's easy enough to search additional fields is we choose, also.
I discovered that TypeScript was not being enforced because the typescript and vue-tsc packages were not installed. I went ahead and installed these packages and enabled TypeScript enforcement in nuxt.config.ts. This produced about ~20 TypeScript errors that I fixed throughout the code.
To test, do an npm install, run the app, and make sure it still works as before and that the search system works as described above.
This PR does a few loosely related things:
card
class for styling.category
fields fromitems.js
). This means that items are potentially displayed multiple times, once for each tag. We decided to do this to avoid the inevitable fallout of managing both tags & categories for each item since we already ran into problematic cases where categories & tags overlapped.typescript
andvue-tsc
packages were not installed. I went ahead and installed these packages and enabled TypeScript enforcement innuxt.config.ts
. This produced about ~20 TypeScript errors that I fixed throughout the code.To test, do an
npm install
, run the app, and make sure it still works as before and that the search system works as described above.