BradNut/boredgame
1
0
Fork 0
mirror of https://github.com/BradNut/boredgame synced 2025-09-08 17:40:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update dependencies, animations, and validation error start.

Browse source
This commit is contained in:
Bradley Shellnut 2022-10-31 19:31:36 -05:00
parent 7fe85df58b
commit 6e716f6465
8 changed files with 92 additions and 74 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
package.json
View file

@ -19,9 +19,9 @@
"@sveltejs/adapter-auto": "1.0.0-next.72",
"@sveltejs/kit": "1.0.0-next.480",
"@types/cookie": "^0.5.1",
"@types/node": "^18.11.7",
"@typescript-eslint/eslint-plugin": "^5.41.0",
"@typescript-eslint/parser": "^5.41.0",
"@types/node": "^18.11.8",
"@typescript-eslint/eslint-plugin": "^5.42.0",
"@typescript-eslint/parser": "^5.42.0",
"eslint": "^8.26.0",
"eslint-config-prettier": "^8.1.0",
"eslint-plugin-svelte3": "^4.0.0",
@ -32,9 +32,9 @@
"svelte": "^3.52.0",
"svelte-check": "^2.9.2",
"svelte-preprocess": "^4.10.7",
"tslib": "^2.0.0",
"tslib": "^2.4.1",
"typescript": "^4.8.4",
"vite": "^3.2.0"
"vite": "^3.2.2"
},
"type": "module",
"dependencies": {

125
pnpm-lock.yaml
View file

@ -12,9 +12,9 @@ specifiers:
'@sveltejs/kit': 1.0.0-next.480
'@types/cookie': ^0.5.1
'@types/feather-icons': ^4.7.0
'@types/node': ^18.11.7
'@typescript-eslint/eslint-plugin': ^5.41.0
'@typescript-eslint/parser': ^5.41.0
'@types/node': ^18.11.8
'@typescript-eslint/eslint-plugin': ^5.42.0
'@typescript-eslint/parser': ^5.42.0
cookie: ^0.5.0
eslint: ^8.26.0
eslint-config-prettier: ^8.1.0
@ -27,9 +27,9 @@ specifiers:
svelte: ^3.52.0
svelte-check: ^2.9.2
svelte-preprocess: ^4.10.7
tslib: ^2.0.0
tslib: ^2.4.1
typescript: ^4.8.4
vite: ^3.2.0
vite: ^3.2.2
zod: ^3.19.1
zod-to-json-schema: ^3.18.1
@ -49,11 +49,11 @@ devDependencies:
'@rgossiaux/svelte-headlessui': 1.0.2_svelte@3.52.0
'@rgossiaux/svelte-heroicons': 0.1.2_svelte@3.52.0
'@sveltejs/adapter-auto': 1.0.0-next.72
'@sveltejs/kit': 1.0.0-next.480_svelte@3.52.0+vite@3.2.0
'@sveltejs/kit': 1.0.0-next.480_svelte@3.52.0+vite@3.2.2
'@types/cookie': 0.5.1
'@types/node': 18.11.7
'@typescript-eslint/eslint-plugin': 5.41.0_huremdigmcnkianavgfk3x6iou
'@typescript-eslint/parser': 5.41.0_wyqvi574yv7oiwfeinomdzmc3m
'@types/node': 18.11.8
'@typescript-eslint/eslint-plugin': 5.42.0_6xw5wg2354iw4zujk2f3vyfrzu
'@typescript-eslint/parser': 5.42.0_wyqvi574yv7oiwfeinomdzmc3m
eslint: 8.26.0
eslint-config-prettier: 8.5.0_eslint@8.26.0
eslint-plugin-svelte3: 4.0.0_l6ppk7eerpslmlsqymzic46t24
@ -64,9 +64,9 @@ devDependencies:
svelte: 3.52.0
svelte-check: 2.9.2_sass@1.55.0+svelte@3.52.0
svelte-preprocess: 4.10.7_q7oepo4r57y5enzswpidbbgzsy
tslib: 2.4.0
tslib: 2.4.1
typescript: 4.8.4
vite: 3.2.0_sass@1.55.0
vite: 3.2.2_sass@1.55.0
packages:
@ -228,7 +228,7 @@ packages:
engines: {node: '>=14'}
hasBin: true
dependencies:
'@types/node': 18.11.7
'@types/node': 18.11.8
playwright-core: 1.27.1
dev: true
@ -298,7 +298,7 @@ packages:
- supports-color
dev: true
/@sveltejs/kit/1.0.0-next.480_svelte@3.52.0+vite@3.2.0:
/@sveltejs/kit/1.0.0-next.480_svelte@3.52.0+vite@3.2.2:
resolution: {integrity: sha512-RnltVDZFksAkeIZ0wgMQDr4POz3WZxSDy6D/ycIjrz3VXMDYWxKRqmTEI7Yl7TxPgUabeYHGRm/qI+nSXOb/Yw==}
engines: {node: '>=16.14'}
hasBin: true
@ -307,7 +307,7 @@ packages:
svelte: ^3.44.0
vite: ^3.1.0
dependencies:
'@sveltejs/vite-plugin-svelte': 1.0.5_svelte@3.52.0+vite@3.2.0
'@sveltejs/vite-plugin-svelte': 1.0.5_svelte@3.52.0+vite@3.2.2
cookie: 0.5.0
devalue: 3.1.3
kleur: 4.1.5
@ -320,13 +320,13 @@ packages:
svelte: 3.52.0
tiny-glob: 0.2.9
undici: 5.10.0
vite: 3.2.0_sass@1.55.0
vite: 3.2.2_sass@1.55.0
transitivePeerDependencies:
- diff-match-patch
- supports-color
dev: true
/@sveltejs/vite-plugin-svelte/1.0.5_svelte@3.52.0+vite@3.2.0:
/@sveltejs/vite-plugin-svelte/1.0.5_svelte@3.52.0+vite@3.2.2:
resolution: {integrity: sha512-CmSdSow0Dr5ua1A11BQMtreWnE0JZmkVIcRU/yG3PKbycKUpXjNdgYTWFSbStLB0vdlGnBbm2+Y4sBVj+C+TIw==}
engines: {node: ^14.18.0 || >= 16}
peerDependencies:
@ -344,7 +344,7 @@ packages:
magic-string: 0.26.3
svelte: 3.52.0
svelte-hmr: 0.14.12_svelte@3.52.0
vite: 3.2.0_sass@1.55.0
vite: 3.2.2_sass@1.55.0
transitivePeerDependencies:
- supports-color
dev: true
@ -361,8 +361,8 @@ packages:
resolution: {integrity: sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==}
dev: true
/@types/node/18.11.7:
resolution: {integrity: sha512-LhFTglglr63mNXUSRYD8A+ZAIu5sFqNJ4Y2fPuY7UlrySJH87rRRlhtVmMHplmfk5WkoJGmDjE9oiTfyX94CpQ==}
/@types/node/18.11.8:
resolution: {integrity: sha512-uGwPWlE0Hj972KkHtCDVwZ8O39GmyjfMane1Z3GUBGGnkZ2USDq7SxLpVIiIHpweY9DS0QTDH0Nw7RNBsAAZ5A==}
dev: true
/@types/pug/2.0.6:
@ -372,15 +372,15 @@ packages:
/@types/sass/1.43.1:
resolution: {integrity: sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==}
dependencies:
'@types/node': 18.11.7
'@types/node': 18.11.8
dev: true
/@types/semver/7.3.12:
resolution: {integrity: sha512-WwA1MW0++RfXmCr12xeYOOC5baSC9mSb0ZqCquFzKhcoF4TvHu5MKOuXsncgZcpVFhB1pXd5hZmM0ryAoCp12A==}
/@types/semver/7.3.13:
resolution: {integrity: sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==}
dev: true
/@typescript-eslint/eslint-plugin/5.41.0_huremdigmcnkianavgfk3x6iou:
resolution: {integrity: sha512-DXUS22Y57/LAFSg3x7Vi6RNAuLpTXwxB9S2nIA7msBb/Zt8p7XqMwdpdc1IU7CkOQUPgAqR5fWvxuKCbneKGmA==}
/@typescript-eslint/eslint-plugin/5.42.0_6xw5wg2354iw4zujk2f3vyfrzu:
resolution: {integrity: sha512-5TJh2AgL6+wpL8H/GTSjNb4WrjKoR2rqvFxR/DDTqYNk6uXn8BJMEcncLSpMbf/XV1aS0jAjYwn98uvVCiAywQ==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
peerDependencies:
'@typescript-eslint/parser': ^5.0.0
@ -390,13 +390,14 @@ packages:
typescript:
optional: true
dependencies:
'@typescript-eslint/parser': 5.41.0_wyqvi574yv7oiwfeinomdzmc3m
'@typescript-eslint/scope-manager': 5.41.0
'@typescript-eslint/type-utils': 5.41.0_wyqvi574yv7oiwfeinomdzmc3m
'@typescript-eslint/utils': 5.41.0_wyqvi574yv7oiwfeinomdzmc3m
'@typescript-eslint/parser': 5.42.0_wyqvi574yv7oiwfeinomdzmc3m
'@typescript-eslint/scope-manager': 5.42.0
'@typescript-eslint/type-utils': 5.42.0_wyqvi574yv7oiwfeinomdzmc3m
'@typescript-eslint/utils': 5.42.0_wyqvi574yv7oiwfeinomdzmc3m
debug: 4.3.4
eslint: 8.26.0
ignore: 5.2.0
natural-compare-lite: 1.4.0
regexpp: 3.2.0
semver: 7.3.7
tsutils: 3.21.0_typescript@4.8.4
@ -405,8 +406,8 @@ packages:
- supports-color
dev: true
/@typescript-eslint/parser/5.41.0_wyqvi574yv7oiwfeinomdzmc3m:
resolution: {integrity: sha512-HQVfix4+RL5YRWZboMD1pUfFN8MpRH4laziWkkAzyO1fvNOY/uinZcvo3QiFJVS/siNHupV8E5+xSwQZrl6PZA==}
/@typescript-eslint/parser/5.42.0_wyqvi574yv7oiwfeinomdzmc3m:
resolution: {integrity: sha512-Ixh9qrOTDRctFg3yIwrLkgf33AHyEIn6lhyf5cCfwwiGtkWhNpVKlEZApi3inGQR/barWnY7qY8FbGKBO7p3JA==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
peerDependencies:
eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@ -415,9 +416,9 @@ packages:
typescript:
optional: true
dependencies:
'@typescript-eslint/scope-manager': 5.41.0
'@typescript-eslint/types': 5.41.0
'@typescript-eslint/typescript-estree': 5.41.0_typescript@4.8.4
'@typescript-eslint/scope-manager': 5.42.0
'@typescript-eslint/types': 5.42.0
'@typescript-eslint/typescript-estree': 5.42.0_typescript@4.8.4
debug: 4.3.4
eslint: 8.26.0
typescript: 4.8.4
@ -425,16 +426,16 @@ packages:
- supports-color
dev: true
/@typescript-eslint/scope-manager/5.41.0:
resolution: {integrity: sha512-xOxPJCnuktUkY2xoEZBKXO5DBCugFzjrVndKdUnyQr3+9aDWZReKq9MhaoVnbL+maVwWJu/N0SEtrtEUNb62QQ==}
/@typescript-eslint/scope-manager/5.42.0:
resolution: {integrity: sha512-l5/3IBHLH0Bv04y+H+zlcLiEMEMjWGaCX6WyHE5Uk2YkSGAMlgdUPsT/ywTSKgu9D1dmmKMYgYZijObfA39Wow==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
dependencies:
'@typescript-eslint/types': 5.41.0
'@typescript-eslint/visitor-keys': 5.41.0
'@typescript-eslint/types': 5.42.0
'@typescript-eslint/visitor-keys': 5.42.0
dev: true
/@typescript-eslint/type-utils/5.41.0_wyqvi574yv7oiwfeinomdzmc3m:
resolution: {integrity: sha512-L30HNvIG6A1Q0R58e4hu4h+fZqaO909UcnnPbwKiN6Rc3BUEx6ez2wgN7aC0cBfcAjZfwkzE+E2PQQ9nEuoqfA==}
/@typescript-eslint/type-utils/5.42.0_wyqvi574yv7oiwfeinomdzmc3m:
resolution: {integrity: sha512-HW14TXC45dFVZxnVW8rnUGnvYyRC0E/vxXShFCthcC9VhVTmjqOmtqj6H5rm9Zxv+ORxKA/1aLGD7vmlLsdlOg==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
peerDependencies:
eslint: '*'
@ -443,8 +444,8 @@ packages:
typescript:
optional: true
dependencies:
'@typescript-eslint/typescript-estree': 5.41.0_typescript@4.8.4
'@typescript-eslint/utils': 5.41.0_wyqvi574yv7oiwfeinomdzmc3m
'@typescript-eslint/typescript-estree': 5.42.0_typescript@4.8.4
'@typescript-eslint/utils': 5.42.0_wyqvi574yv7oiwfeinomdzmc3m
debug: 4.3.4
eslint: 8.26.0
tsutils: 3.21.0_typescript@4.8.4
@ -453,13 +454,13 @@ packages:
- supports-color
dev: true
/@typescript-eslint/types/5.41.0:
resolution: {integrity: sha512-5BejraMXMC+2UjefDvrH0Fo/eLwZRV6859SXRg+FgbhA0R0l6lDqDGAQYhKbXhPN2ofk2kY5sgGyLNL907UXpA==}
/@typescript-eslint/types/5.42.0:
resolution: {integrity: sha512-t4lzO9ZOAUcHY6bXQYRuu+3SSYdD9TS8ooApZft4WARt4/f2Cj/YpvbTe8A4GuhT4bNW72goDMOy7SW71mZwGw==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
dev: true
/@typescript-eslint/typescript-estree/5.41.0_typescript@4.8.4:
resolution: {integrity: sha512-SlzFYRwFSvswzDSQ/zPkIWcHv8O5y42YUskko9c4ki+fV6HATsTODUPbRbcGDFYP86gaJL5xohUEytvyNNcXWg==}
/@typescript-eslint/typescript-estree/5.42.0_typescript@4.8.4:
resolution: {integrity: sha512-2O3vSq794x3kZGtV7i4SCWZWCwjEtkWfVqX4m5fbUBomOsEOyd6OAD1qU2lbvV5S8tgy/luJnOYluNyYVeOTTg==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
peerDependencies:
typescript: '*'
@ -467,8 +468,8 @@ packages:
typescript:
optional: true
dependencies:
'@typescript-eslint/types': 5.41.0
'@typescript-eslint/visitor-keys': 5.41.0
'@typescript-eslint/types': 5.42.0
'@typescript-eslint/visitor-keys': 5.42.0
debug: 4.3.4
globby: 11.1.0
is-glob: 4.0.3
@ -479,17 +480,17 @@ packages:
- supports-color
dev: true
/@typescript-eslint/utils/5.41.0_wyqvi574yv7oiwfeinomdzmc3m:
resolution: {integrity: sha512-QlvfwaN9jaMga9EBazQ+5DDx/4sAdqDkcs05AsQHMaopluVCUyu1bTRUVKzXbgjDlrRAQrYVoi/sXJ9fmG+KLQ==}
/@typescript-eslint/utils/5.42.0_wyqvi574yv7oiwfeinomdzmc3m:
resolution: {integrity: sha512-JZ++3+h1vbeG1NUECXQZE3hg0kias9kOtcQr3+JVQ3whnjvKuMyktJAAIj6743OeNPnGBmjj7KEmiDL7qsdnCQ==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
peerDependencies:
eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
dependencies:
'@types/json-schema': 7.0.11
'@types/semver': 7.3.12
'@typescript-eslint/scope-manager': 5.41.0
'@typescript-eslint/types': 5.41.0
'@typescript-eslint/typescript-estree': 5.41.0_typescript@4.8.4
'@types/semver': 7.3.13
'@typescript-eslint/scope-manager': 5.42.0
'@typescript-eslint/types': 5.42.0
'@typescript-eslint/typescript-estree': 5.42.0_typescript@4.8.4
eslint: 8.26.0
eslint-scope: 5.1.1
eslint-utils: 3.0.0_eslint@8.26.0
@ -499,11 +500,11 @@ packages:
- typescript
dev: true
/@typescript-eslint/visitor-keys/5.41.0:
resolution: {integrity: sha512-vilqeHj267v8uzzakbm13HkPMl7cbYpKVjgFWZPIOHIJHZtinvypUhJ5xBXfWYg4eFKqztbMMpOgFpT9Gfx4fw==}
/@typescript-eslint/visitor-keys/5.42.0:
resolution: {integrity: sha512-QHbu5Hf/2lOEOwy+IUw0GoSCuAzByTAWWrOTKzTzsotiUnWFpuKnXcAhC9YztAf2EElQ0VvIK+pHJUPkM0q7jg==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
dependencies:
'@typescript-eslint/types': 5.41.0
'@typescript-eslint/types': 5.42.0
eslint-visitor-keys: 3.3.0
dev: true
@ -1820,6 +1821,10 @@ packages:
hasBin: true
dev: true
/natural-compare-lite/1.4.0:
resolution: {integrity: sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==}
dev: true
/natural-compare/1.4.0:
resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
dev: true
@ -2374,8 +2379,8 @@ packages:
resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
dev: true
/tslib/2.4.0:
resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==}
/tslib/2.4.1:
resolution: {integrity: sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==}
dev: true
/tsutils/3.21.0_typescript@4.8.4:
@ -2421,8 +2426,8 @@ packages:
resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
dev: true
/vite/3.2.0_sass@1.55.0:
resolution: {integrity: sha512-Ovj7+cqIdM1I0LPCk2CWxzgADXMix3NLXpUT6g7P7zg/a9grk/TaC3qn9YMg7w7M0POIVCBOp1aBANJW+RH7oA==}
/vite/3.2.2_sass@1.55.0:
resolution: {integrity: sha512-pLrhatFFOWO9kS19bQ658CnRYzv0WLbsPih6R+iFeEEhDOuYgYCX2rztUViMz/uy/V8cLCJvLFeiOK7RJEzHcw==}
engines: {node: ^14.18.0 || >=16.0.0}
hasBin: true
peerDependencies:

4
src/lib/components/game/index.svelte
View file

@ -52,7 +52,7 @@
{#if existsInCollection}
<button
aria-label="Remove from collection"
class="btn"
class="btn remove"
type="button"
on:click={() => {
removeGameFromCollection();
@ -74,7 +74,7 @@
{#if existsInWishlist}
<button
aria-label="Remove from wishlist"
class="btn"
class="btn remove"
type="button"
on:click={() => {
removeGameFromWishlist();

2
src/lib/components/search/advancedSearch/index.svelte
View file

@ -3,7 +3,7 @@
import { boredState } from '$lib/stores/boredState';
export let form: ActionData;
console.log('form', form);
console.log('advanced search form', form);
let submitting = $boredState?.loading;
let minAge = 1;
let minPlayers = 1;

2
src/lib/components/search/textSearch/index.svelte
View file

@ -44,7 +44,7 @@
<!-- Using `static`, `DisclosurePanel` is always rendered,
and ignores the `open` state -->
<DisclosurePanel static>
<AdvancedSearch form />
<AdvancedSearch {form} />
</DisclosurePanel>
</div>
{/if}

2
src/routes/collection/+page.svelte
View file

@ -46,7 +46,7 @@
{#if $collectionStore.length === 0}
<h2>No games in your collection</h2>
{:else}
{#each $collectionStore as game}
{#each $collectionStore as game (game.id)}
<Game
on:handleRemoveWishlist={handleRemoveWishlist}
on:handleRemoveCollection={handleRemoveCollection}

11
src/routes/search/+page.server.ts
View file

@ -4,6 +4,13 @@ import { error, invalid, type ServerLoadEvent } from '@sveltejs/kit';
import type { GameType, SearchQuery } from '$root/lib/types';
import { mapAPIGameToBoredGame } from '$root/lib/util/gameMapper';
export const load: PageServerLoad = () => {
return {
games: [],
totalCount: 0,
}
}
export const actions: Actions = {
default: async ({ request, locals }: RequestEvent): Promise<any> => {
console.log("In search action specific")
@ -29,7 +36,9 @@ export const actions: Actions = {
} else {
const minAge = form.get('minAge');
const minPlayers = form.get('minPlayers');
console.log('minPlayers', minPlayers);
const maxPlayers = form.get('maxPlayers');
console.log('maxPlayers', maxPlayers);
const exactMinAge = form.get('exactMinAge') || false;
const exactMinPlayers = form.get('exactMinPlayers') || false;
const exactMaxPlayers = form.get('exactMaxPlayers') || false;
@ -43,7 +52,7 @@ export const actions: Actions = {
}
if (minPlayers && maxPlayers) {
if (minPlayers > maxPlayers) {
if (+minPlayers > +maxPlayers) {
return invalid(400, { minPlayers, error: { id: 'minPlayers', message: 'Min must be less than max' } });
} else if (maxPlayers < minPlayers) {
return invalid(400, { maxPlayers, error: { id: 'maxPlayers', message: 'Max must be greater than min' } });

10
src/routes/search/+page.svelte
View file

@ -11,7 +11,9 @@
import RemoveWishlistDialog from '$root/lib/components/dialog/RemoveWishlistDialog.svelte';
export let data: PageData;
console.log('search page data', data);
export let form: ActionData;
console.log('search page form', form);
let gameToRemove: GameType | SavedGameType;
$: if (data?.games) {
@ -62,18 +64,20 @@
if (result.type === 'error') {
toast.send('Error!', { duration: 3000, type: ToastType.ERROR, dismissible: true });
await applyAction(result);
} else {
} else if (result.type === 'success') {
gameStore.removeAll();
gameStore.addAll(result?.data?.games);
// totalItems = result?.data?.totalCount;
console.log(`Frontend result: ${JSON.stringify(result)}`);
toast.send('Sucess!', { duration: 3000, type: ToastType.INFO, dismissible: true });
await applyAction(result);
} else {
await applyAction(result);
}
};
}}
>
<TextSearch showButton {form} />
<TextSearch showButton advancedSearch {form} />
</form>
</div>
@ -91,7 +95,7 @@
{/each}
</div>
</div>
{:else if form?.status !== 200}
{:else if form && form?.status && form.status !== 200}
<h1>There was an error searching for games!</h1>
<h2>Please try again later.</h2>
{/if}