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

Introduce custom media queries and add iconify icons.

Browse source
This commit is contained in:
Bradley Shellnut 2023-01-13 21:13:59 -08:00
parent 103690fbbc
commit d2ab315978
12 changed files with 161 additions and 121 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
environmentVariables.js
View file

@ -1,10 +0,0 @@
module.exports = {
environmentVariables: {
'--xsmall-viewport': '480px',
'--small-viewport': '640px',
'--medium-viewport': '768px',
'--large-viewport': '1024px',
'--xlarge-viewport': '1280px',
'--xxlarge-viewport': '1536px',
}
}

10
environmentVariables.json Normal file
View file

@ -0,0 +1,10 @@
{
"environment-variables": {
"--xsmall-viewport": "480px",
"--small-viewport": "640px",
"--medium-viewport": "768px",
"--large-viewport": "1024px",
"--xlarge-viewport": "1280px",
"--xxlarge-viewport": "1536px"
}
}

13
package.json
View file

@ -17,12 +17,12 @@
"@rgossiaux/svelte-headlessui": "1.0.2", "@rgossiaux/svelte-headlessui": "1.0.2",
"@rgossiaux/svelte-heroicons": "^0.1.2", "@rgossiaux/svelte-heroicons": "^0.1.2",
"@sveltejs/adapter-auto": "^1.0.0", "@sveltejs/adapter-auto": "^1.0.0",
"@sveltejs/adapter-vercel": "^1.0.1", "@sveltejs/adapter-vercel": "^1.0.2",
"@sveltejs/kit": "^1.0.7", "@sveltejs/kit": "^1.0.13",
"@types/cookie": "^0.5.1", "@types/cookie": "^0.5.1",
"@types/node": "^18.11.18", "@types/node": "^18.11.18",
"@typescript-eslint/eslint-plugin": "^5.48.0", "@typescript-eslint/eslint-plugin": "^5.48.1",
"@typescript-eslint/parser": "^5.48.0", "@typescript-eslint/parser": "^5.48.1",
"autoprefixer": "^10.4.13", "autoprefixer": "^10.4.13",
"eslint": "^8.31.0", "eslint": "^8.31.0",
"eslint-config-prettier": "^8.6.0", "eslint-config-prettier": "^8.6.0",
@ -40,7 +40,7 @@
"prettier": "^2.8.2", "prettier": "^2.8.2",
"prettier-plugin-svelte": "^2.9.0", "prettier-plugin-svelte": "^2.9.0",
"sass": "^1.57.1", "sass": "^1.57.1",
"svelte": "^3.55.0", "svelte": "^3.55.1",
"svelte-check": "^2.10.3", "svelte-check": "^2.10.3",
"svelte-preprocess": "^4.10.7", "svelte-preprocess": "^4.10.7",
"tslib": "^2.4.1", "tslib": "^2.4.1",
@ -57,8 +57,9 @@
"@types/feather-icons": "^4.29.1", "@types/feather-icons": "^4.29.1",
"cookie": "^0.5.0", "cookie": "^0.5.0",
"feather-icons": "^4.29.0", "feather-icons": "^4.29.0",
"iconify-icon": "^1.0.2",
"svelte-lazy-loader": "^1.0.0", "svelte-lazy-loader": "^1.0.0",
"zod": "^3.20.2", "zod": "^3.20.2",
"zod-to-json-schema": "^3.20.1" "zod-to-json-schema": "^3.20.2"
} }
} }

184
pnpm-lock.yaml
View file

@ -9,19 +9,20 @@ specifiers:
'@rgossiaux/svelte-headlessui': 1.0.2 '@rgossiaux/svelte-headlessui': 1.0.2
'@rgossiaux/svelte-heroicons': ^0.1.2 '@rgossiaux/svelte-heroicons': ^0.1.2
'@sveltejs/adapter-auto': ^1.0.0 '@sveltejs/adapter-auto': ^1.0.0
'@sveltejs/adapter-vercel': ^1.0.1 '@sveltejs/adapter-vercel': ^1.0.2
'@sveltejs/kit': ^1.0.7 '@sveltejs/kit': ^1.0.13
'@types/cookie': ^0.5.1 '@types/cookie': ^0.5.1
'@types/feather-icons': ^4.29.1 '@types/feather-icons': ^4.29.1
'@types/node': ^18.11.18 '@types/node': ^18.11.18
'@typescript-eslint/eslint-plugin': ^5.48.0 '@typescript-eslint/eslint-plugin': ^5.48.1
'@typescript-eslint/parser': ^5.48.0 '@typescript-eslint/parser': ^5.48.1
autoprefixer: ^10.4.13 autoprefixer: ^10.4.13
cookie: ^0.5.0 cookie: ^0.5.0
eslint: ^8.31.0 eslint: ^8.31.0
eslint-config-prettier: ^8.6.0 eslint-config-prettier: ^8.6.0
eslint-plugin-svelte3: ^4.0.0 eslint-plugin-svelte3: ^4.0.0
feather-icons: ^4.29.0 feather-icons: ^4.29.0
iconify-icon: ^1.0.2
just-clone: ^6.2.0 just-clone: ^6.2.0
just-debounce-it: ^3.2.0 just-debounce-it: ^3.2.0
postcss: ^8.4.21 postcss: ^8.4.21
@ -35,7 +36,7 @@ specifiers:
prettier: ^2.8.2 prettier: ^2.8.2
prettier-plugin-svelte: ^2.9.0 prettier-plugin-svelte: ^2.9.0
sass: ^1.57.1 sass: ^1.57.1
svelte: ^3.55.0 svelte: ^3.55.1
svelte-check: ^2.10.3 svelte-check: ^2.10.3
svelte-lazy-loader: ^1.0.0 svelte-lazy-loader: ^1.0.0
svelte-preprocess: ^4.10.7 svelte-preprocess: ^4.10.7
@ -44,7 +45,7 @@ specifiers:
vite: ^4.0.4 vite: ^4.0.4
vitest: ^0.25.3 vitest: ^0.25.3
zod: ^3.20.2 zod: ^3.20.2
zod-to-json-schema: ^3.20.1 zod-to-json-schema: ^3.20.2
dependencies: dependencies:
'@fontsource/fira-mono': 4.5.10 '@fontsource/fira-mono': 4.5.10
@ -54,25 +55,26 @@ dependencies:
'@types/feather-icons': 4.29.1 '@types/feather-icons': 4.29.1
cookie: 0.5.0 cookie: 0.5.0
feather-icons: 4.29.0 feather-icons: 4.29.0
iconify-icon: 1.0.2
svelte-lazy-loader: 1.0.0 svelte-lazy-loader: 1.0.0
zod: 3.20.2 zod: 3.20.2
zod-to-json-schema: 3.20.1_zod@3.20.2 zod-to-json-schema: 3.20.2_zod@3.20.2
devDependencies: devDependencies:
'@playwright/test': 1.29.2 '@playwright/test': 1.29.2
'@rgossiaux/svelte-headlessui': 1.0.2_svelte@3.55.0 '@rgossiaux/svelte-headlessui': 1.0.2_svelte@3.55.1
'@rgossiaux/svelte-heroicons': 0.1.2_svelte@3.55.0 '@rgossiaux/svelte-heroicons': 0.1.2_svelte@3.55.1
'@sveltejs/adapter-auto': 1.0.0_@sveltejs+kit@1.0.7 '@sveltejs/adapter-auto': 1.0.0_@sveltejs+kit@1.0.13
'@sveltejs/adapter-vercel': 1.0.1_@sveltejs+kit@1.0.7 '@sveltejs/adapter-vercel': 1.0.2_@sveltejs+kit@1.0.13
'@sveltejs/kit': 1.0.7_svelte@3.55.0+vite@4.0.4 '@sveltejs/kit': 1.0.13_svelte@3.55.1+vite@4.0.4
'@types/cookie': 0.5.1 '@types/cookie': 0.5.1
'@types/node': 18.11.18 '@types/node': 18.11.18
'@typescript-eslint/eslint-plugin': 5.48.0_k73wpmdolxikpyqun3p36akaaq '@typescript-eslint/eslint-plugin': 5.48.1_3jon24igvnqaqexgwtxk6nkpse
'@typescript-eslint/parser': 5.48.0_iukboom6ndih5an6iafl45j2fe '@typescript-eslint/parser': 5.48.1_iukboom6ndih5an6iafl45j2fe
autoprefixer: 10.4.13_postcss@8.4.21 autoprefixer: 10.4.13_postcss@8.4.21
eslint: 8.31.0 eslint: 8.31.0
eslint-config-prettier: 8.6.0_eslint@8.31.0 eslint-config-prettier: 8.6.0_eslint@8.31.0
eslint-plugin-svelte3: 4.0.0_6go7qzsvzihesfwmyvq3tnl5qq eslint-plugin-svelte3: 4.0.0_btuntbn75dxkba3nofpps2nvzm
just-clone: 6.2.0 just-clone: 6.2.0
just-debounce-it: 3.2.0 just-debounce-it: 3.2.0
postcss: 8.4.21 postcss: 8.4.21
@ -84,11 +86,11 @@ devDependencies:
postcss-media-minmax: 5.0.0_postcss@8.4.21 postcss-media-minmax: 5.0.0_postcss@8.4.21
postcss-nested: 6.0.0_postcss@8.4.21 postcss-nested: 6.0.0_postcss@8.4.21
prettier: 2.8.2 prettier: 2.8.2
prettier-plugin-svelte: 2.9.0_74vfyr7qjo56zgjcvkwi6gyjxm prettier-plugin-svelte: 2.9.0_y74x4qymbshr6ujrzcfe2sydsa
sass: 1.57.1 sass: 1.57.1
svelte: 3.55.0 svelte: 3.55.1
svelte-check: 2.10.3_2ucm3gises2g7s47d5nd3e3tqa svelte-check: 2.10.3_mraflicfyjy3x4taxigiwsr23i
svelte-preprocess: 4.10.7_vsntmwrrlk5avk6zexsfqc76hy svelte-preprocess: 4.10.7_kmnkm63hwcse26ffcjvrch7uda
tslib: 2.4.1 tslib: 2.4.1
typescript: 4.9.4 typescript: 4.9.4
vite: 4.0.4_ovmyjmuuyckt3r3gpaexj2onji vite: 4.0.4_ovmyjmuuyckt3r3gpaexj2onji
@ -360,6 +362,10 @@ packages:
resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==} resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
dev: true dev: true
/@iconify/types/2.0.0:
resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
dev: false
/@jridgewell/resolve-uri/3.1.0: /@jridgewell/resolve-uri/3.1.0:
resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==} resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==}
engines: {node: '>=6.0.0'} engines: {node: '>=6.0.0'}
@ -450,20 +456,20 @@ packages:
resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==} resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==}
dev: true dev: true
/@rgossiaux/svelte-headlessui/1.0.2_svelte@3.55.0: /@rgossiaux/svelte-headlessui/1.0.2_svelte@3.55.1:
resolution: {integrity: sha512-sauopYTSivhzXe1kAvgawkhyYJcQlK8Li3p0d2OtcCIVprOzdbard5lbqWB4xHDv83zAobt2mR08oizO2poHLQ==} resolution: {integrity: sha512-sauopYTSivhzXe1kAvgawkhyYJcQlK8Li3p0d2OtcCIVprOzdbard5lbqWB4xHDv83zAobt2mR08oizO2poHLQ==}
peerDependencies: peerDependencies:
svelte: ^3.44.0 svelte: ^3.44.0
dependencies: dependencies:
svelte: 3.55.0 svelte: 3.55.1
dev: true dev: true
/@rgossiaux/svelte-heroicons/0.1.2_svelte@3.55.0: /@rgossiaux/svelte-heroicons/0.1.2_svelte@3.55.1:
resolution: {integrity: sha512-c5Ep1QDvBo9HD/P0AxbXItDbn6x77fldCjjL0aBjNseUntV4fkdHkBde1IaLr8i0kmrhTSovjkIen8W83jUPzg==} resolution: {integrity: sha512-c5Ep1QDvBo9HD/P0AxbXItDbn6x77fldCjjL0aBjNseUntV4fkdHkBde1IaLr8i0kmrhTSovjkIen8W83jUPzg==}
peerDependencies: peerDependencies:
svelte: ^3.44.0 svelte: ^3.44.0
dependencies: dependencies:
svelte: 3.55.0 svelte: 3.55.1
dev: true dev: true
/@rollup/pluginutils/4.2.1: /@rollup/pluginutils/4.2.1:
@ -474,21 +480,21 @@ packages:
picomatch: 2.3.1 picomatch: 2.3.1
dev: true dev: true
/@sveltejs/adapter-auto/1.0.0_@sveltejs+kit@1.0.7: /@sveltejs/adapter-auto/1.0.0_@sveltejs+kit@1.0.13:
resolution: {integrity: sha512-yKyPvlLVua1bJ/42FrR3X041mFGdB4GzTZOAEoHUcNBRE5Mhx94+eqHpC3hNvAOiLEDcKfVO0ObyKSu7qldU+w==} resolution: {integrity: sha512-yKyPvlLVua1bJ/42FrR3X041mFGdB4GzTZOAEoHUcNBRE5Mhx94+eqHpC3hNvAOiLEDcKfVO0ObyKSu7qldU+w==}
peerDependencies: peerDependencies:
'@sveltejs/kit': ^1.0.0 '@sveltejs/kit': ^1.0.0
dependencies: dependencies:
'@sveltejs/kit': 1.0.7_svelte@3.55.0+vite@4.0.4 '@sveltejs/kit': 1.0.13_svelte@3.55.1+vite@4.0.4
import-meta-resolve: 2.2.0 import-meta-resolve: 2.2.0
dev: true dev: true
/@sveltejs/adapter-vercel/1.0.1_@sveltejs+kit@1.0.7: /@sveltejs/adapter-vercel/1.0.2_@sveltejs+kit@1.0.13:
resolution: {integrity: sha512-2v06K1dKC8VmQnB8P/dAdBuNSQYvJbhBkCFpiBptkptoYMcSZnT2fYqsmtoUJDn13ACDQttorcFIQkf0BeFMQw==} resolution: {integrity: sha512-Ms2cTlqpA8Rf6Pl8GuqC6bLoMdA30W688+wV8i6DcHlLO3Z9NBEZET2jF+tEmRF1jrxxAWEDngdQBfs25eOBxw==}
peerDependencies: peerDependencies:
'@sveltejs/kit': ^1.0.0 '@sveltejs/kit': ^1.0.0
dependencies: dependencies:
'@sveltejs/kit': 1.0.7_svelte@3.55.0+vite@4.0.4 '@sveltejs/kit': 1.0.13_svelte@3.55.1+vite@4.0.4
'@vercel/nft': 0.22.6 '@vercel/nft': 0.22.6
esbuild: 0.16.8 esbuild: 0.16.8
transitivePeerDependencies: transitivePeerDependencies:
@ -496,8 +502,8 @@ packages:
- supports-color - supports-color
dev: true dev: true
/@sveltejs/kit/1.0.7_svelte@3.55.0+vite@4.0.4: /@sveltejs/kit/1.0.13_svelte@3.55.1+vite@4.0.4:
resolution: {integrity: sha512-u8JS4aXFWlrnu/tjl+EhJ/FvBEjLYDyMaLe7EAU4sW+PfDqnqyHBAPg/IQi5JuBg6l+Z816F4WrTe+zplUTQDg==} resolution: {integrity: sha512-AuHqAojgg+tL9lXSQKkB1VjadFDW+vwOoWLq+BU8pAgFvZMlh3rGCyEdPbEgE3V6pwWn/+37AOrA8fILMHWzRQ==}
engines: {node: ^16.14 || >=18} engines: {node: ^16.14 || >=18}
hasBin: true hasBin: true
requiresBuild: true requiresBuild: true
@ -505,7 +511,7 @@ packages:
svelte: ^3.54.0 svelte: ^3.54.0
vite: ^4.0.0 vite: ^4.0.0
dependencies: dependencies:
'@sveltejs/vite-plugin-svelte': 2.0.2_svelte@3.55.0+vite@4.0.4 '@sveltejs/vite-plugin-svelte': 2.0.2_svelte@3.55.1+vite@4.0.4
'@types/cookie': 0.5.1 '@types/cookie': 0.5.1
cookie: 0.5.0 cookie: 0.5.0
devalue: 4.2.0 devalue: 4.2.0
@ -516,15 +522,15 @@ packages:
sade: 1.8.1 sade: 1.8.1
set-cookie-parser: 2.5.1 set-cookie-parser: 2.5.1
sirv: 2.0.2 sirv: 2.0.2
svelte: 3.55.0 svelte: 3.55.1
tiny-glob: 0.2.9 tiny-glob: 0.2.9
undici: 5.14.0 undici: 5.15.0
vite: 4.0.4_ovmyjmuuyckt3r3gpaexj2onji vite: 4.0.4_ovmyjmuuyckt3r3gpaexj2onji
transitivePeerDependencies: transitivePeerDependencies:
- supports-color - supports-color
dev: true dev: true
/@sveltejs/vite-plugin-svelte/2.0.2_svelte@3.55.0+vite@4.0.4: /@sveltejs/vite-plugin-svelte/2.0.2_svelte@3.55.1+vite@4.0.4:
resolution: {integrity: sha512-xCEan0/NNpQuL0l5aS42FjwQ6wwskdxC3pW1OeFtEKNZwRg7Evro9lac9HesGP6TdFsTv2xMes5ASQVKbCacxg==} resolution: {integrity: sha512-xCEan0/NNpQuL0l5aS42FjwQ6wwskdxC3pW1OeFtEKNZwRg7Evro9lac9HesGP6TdFsTv2xMes5ASQVKbCacxg==}
engines: {node: ^14.18.0 || >= 16} engines: {node: ^14.18.0 || >= 16}
peerDependencies: peerDependencies:
@ -535,8 +541,8 @@ packages:
deepmerge: 4.2.2 deepmerge: 4.2.2
kleur: 4.1.5 kleur: 4.1.5
magic-string: 0.27.0 magic-string: 0.27.0
svelte: 3.55.0 svelte: 3.55.1
svelte-hmr: 0.15.1_svelte@3.55.0 svelte-hmr: 0.15.1_svelte@3.55.1
vite: 4.0.4_ovmyjmuuyckt3r3gpaexj2onji vite: 4.0.4_ovmyjmuuyckt3r3gpaexj2onji
vitefu: 0.2.4_vite@4.0.4 vitefu: 0.2.4_vite@4.0.4
transitivePeerDependencies: transitivePeerDependencies:
@ -583,8 +589,8 @@ packages:
resolution: {integrity: sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==} resolution: {integrity: sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==}
dev: true dev: true
/@typescript-eslint/eslint-plugin/5.48.0_k73wpmdolxikpyqun3p36akaaq: /@typescript-eslint/eslint-plugin/5.48.1_3jon24igvnqaqexgwtxk6nkpse:
resolution: {integrity: sha512-SVLafp0NXpoJY7ut6VFVUU9I+YeFsDzeQwtK0WZ+xbRN3mtxJ08je+6Oi2N89qDn087COdO0u3blKZNv9VetRQ==} resolution: {integrity: sha512-9nY5K1Rp2ppmpb9s9S2aBiF3xo5uExCehMDmYmmFqqyxgenbHJ3qbarcLt4ITgaD6r/2ypdlcFRdcuVPnks+fQ==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
peerDependencies: peerDependencies:
'@typescript-eslint/parser': ^5.0.0 '@typescript-eslint/parser': ^5.0.0
@ -594,10 +600,10 @@ packages:
typescript: typescript:
optional: true optional: true
dependencies: dependencies:
'@typescript-eslint/parser': 5.48.0_iukboom6ndih5an6iafl45j2fe '@typescript-eslint/parser': 5.48.1_iukboom6ndih5an6iafl45j2fe
'@typescript-eslint/scope-manager': 5.48.0 '@typescript-eslint/scope-manager': 5.48.1
'@typescript-eslint/type-utils': 5.48.0_iukboom6ndih5an6iafl45j2fe '@typescript-eslint/type-utils': 5.48.1_iukboom6ndih5an6iafl45j2fe
'@typescript-eslint/utils': 5.48.0_iukboom6ndih5an6iafl45j2fe '@typescript-eslint/utils': 5.48.1_iukboom6ndih5an6iafl45j2fe
debug: 4.3.4 debug: 4.3.4
eslint: 8.31.0 eslint: 8.31.0
ignore: 5.2.1 ignore: 5.2.1
@ -610,8 +616,8 @@ packages:
- supports-color - supports-color
dev: true dev: true
/@typescript-eslint/parser/5.48.0_iukboom6ndih5an6iafl45j2fe: /@typescript-eslint/parser/5.48.1_iukboom6ndih5an6iafl45j2fe:
resolution: {integrity: sha512-1mxNA8qfgxX8kBvRDIHEzrRGrKHQfQlbW6iHyfHYS0Q4X1af+S6mkLNtgCOsGVl8+/LUPrqdHMssAemkrQ01qg==} resolution: {integrity: sha512-4yg+FJR/V1M9Xoq56SF9Iygqm+r5LMXvheo6DQ7/yUWynQ4YfCRnsKuRgqH4EQ5Ya76rVwlEpw4Xu+TgWQUcdA==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
peerDependencies: peerDependencies:
eslint: ^6.0.0 || ^7.0.0 || ^8.0.0 eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@ -620,9 +626,9 @@ packages:
typescript: typescript:
optional: true optional: true
dependencies: dependencies:
'@typescript-eslint/scope-manager': 5.48.0 '@typescript-eslint/scope-manager': 5.48.1
'@typescript-eslint/types': 5.48.0 '@typescript-eslint/types': 5.48.1
'@typescript-eslint/typescript-estree': 5.48.0_typescript@4.9.4 '@typescript-eslint/typescript-estree': 5.48.1_typescript@4.9.4
debug: 4.3.4 debug: 4.3.4
eslint: 8.31.0 eslint: 8.31.0
typescript: 4.9.4 typescript: 4.9.4
@ -630,16 +636,16 @@ packages:
- supports-color - supports-color
dev: true dev: true
/@typescript-eslint/scope-manager/5.48.0: /@typescript-eslint/scope-manager/5.48.1:
resolution: {integrity: sha512-0AA4LviDtVtZqlyUQnZMVHydDATpD9SAX/RC5qh6cBd3xmyWvmXYF+WT1oOmxkeMnWDlUVTwdODeucUnjz3gow==} resolution: {integrity: sha512-S035ueRrbxRMKvSTv9vJKIWgr86BD8s3RqoRZmsSh/s8HhIs90g6UlK8ZabUSjUZQkhVxt7nmZ63VJ9dcZhtDQ==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
dependencies: dependencies:
'@typescript-eslint/types': 5.48.0 '@typescript-eslint/types': 5.48.1
'@typescript-eslint/visitor-keys': 5.48.0 '@typescript-eslint/visitor-keys': 5.48.1
dev: true dev: true
/@typescript-eslint/type-utils/5.48.0_iukboom6ndih5an6iafl45j2fe: /@typescript-eslint/type-utils/5.48.1_iukboom6ndih5an6iafl45j2fe:
resolution: {integrity: sha512-vbtPO5sJyFjtHkGlGK4Sthmta0Bbls4Onv0bEqOGm7hP9h8UpRsHJwsrCiWtCUndTRNQO/qe6Ijz9rnT/DB+7g==} resolution: {integrity: sha512-Hyr8HU8Alcuva1ppmqSYtM/Gp0q4JOp1F+/JH5D1IZm/bUBrV0edoewQZiEc1r6I8L4JL21broddxK8HAcZiqQ==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
peerDependencies: peerDependencies:
eslint: '*' eslint: '*'
@ -648,8 +654,8 @@ packages:
typescript: typescript:
optional: true optional: true
dependencies: dependencies:
'@typescript-eslint/typescript-estree': 5.48.0_typescript@4.9.4 '@typescript-eslint/typescript-estree': 5.48.1_typescript@4.9.4
'@typescript-eslint/utils': 5.48.0_iukboom6ndih5an6iafl45j2fe '@typescript-eslint/utils': 5.48.1_iukboom6ndih5an6iafl45j2fe
debug: 4.3.4 debug: 4.3.4
eslint: 8.31.0 eslint: 8.31.0
tsutils: 3.21.0_typescript@4.9.4 tsutils: 3.21.0_typescript@4.9.4
@ -658,13 +664,13 @@ packages:
- supports-color - supports-color
dev: true dev: true
/@typescript-eslint/types/5.48.0: /@typescript-eslint/types/5.48.1:
resolution: {integrity: sha512-UTe67B0Ypius0fnEE518NB2N8gGutIlTojeTg4nt0GQvikReVkurqxd2LvYa9q9M5MQ6rtpNyWTBxdscw40Xhw==} resolution: {integrity: sha512-xHyDLU6MSuEEdIlzrrAerCGS3T7AA/L8Hggd0RCYBi0w3JMvGYxlLlXHeg50JI9Tfg5MrtsfuNxbS/3zF1/ATg==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
dev: true dev: true
/@typescript-eslint/typescript-estree/5.48.0_typescript@4.9.4: /@typescript-eslint/typescript-estree/5.48.1_typescript@4.9.4:
resolution: {integrity: sha512-7pjd94vvIjI1zTz6aq/5wwE/YrfIyEPLtGJmRfyNR9NYIW+rOvzzUv3Cmq2hRKpvt6e9vpvPUQ7puzX7VSmsEw==} resolution: {integrity: sha512-Hut+Osk5FYr+sgFh8J/FHjqX6HFcDzTlWLrFqGoK5kVUN3VBHF/QzZmAsIXCQ8T/W9nQNBTqalxi1P3LSqWnRA==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
peerDependencies: peerDependencies:
typescript: '*' typescript: '*'
@ -672,8 +678,8 @@ packages:
typescript: typescript:
optional: true optional: true
dependencies: dependencies:
'@typescript-eslint/types': 5.48.0 '@typescript-eslint/types': 5.48.1
'@typescript-eslint/visitor-keys': 5.48.0 '@typescript-eslint/visitor-keys': 5.48.1
debug: 4.3.4 debug: 4.3.4
globby: 11.1.0 globby: 11.1.0
is-glob: 4.0.3 is-glob: 4.0.3
@ -684,17 +690,17 @@ packages:
- supports-color - supports-color
dev: true dev: true
/@typescript-eslint/utils/5.48.0_iukboom6ndih5an6iafl45j2fe: /@typescript-eslint/utils/5.48.1_iukboom6ndih5an6iafl45j2fe:
resolution: {integrity: sha512-x2jrMcPaMfsHRRIkL+x96++xdzvrdBCnYRd5QiW5Wgo1OB4kDYPbC1XjWP/TNqlfK93K/lUL92erq5zPLgFScQ==} resolution: {integrity: sha512-SmQuSrCGUOdmGMwivW14Z0Lj8dxG1mOFZ7soeJ0TQZEJcs3n5Ndgkg0A4bcMFzBELqLJ6GTHnEU+iIoaD6hFGA==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
peerDependencies: peerDependencies:
eslint: ^6.0.0 || ^7.0.0 || ^8.0.0 eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
dependencies: dependencies:
'@types/json-schema': 7.0.11 '@types/json-schema': 7.0.11
'@types/semver': 7.3.13 '@types/semver': 7.3.13
'@typescript-eslint/scope-manager': 5.48.0 '@typescript-eslint/scope-manager': 5.48.1
'@typescript-eslint/types': 5.48.0 '@typescript-eslint/types': 5.48.1
'@typescript-eslint/typescript-estree': 5.48.0_typescript@4.9.4 '@typescript-eslint/typescript-estree': 5.48.1_typescript@4.9.4
eslint: 8.31.0 eslint: 8.31.0
eslint-scope: 5.1.1 eslint-scope: 5.1.1
eslint-utils: 3.0.0_eslint@8.31.0 eslint-utils: 3.0.0_eslint@8.31.0
@ -704,11 +710,11 @@ packages:
- typescript - typescript
dev: true dev: true
/@typescript-eslint/visitor-keys/5.48.0: /@typescript-eslint/visitor-keys/5.48.1:
resolution: {integrity: sha512-5motVPz5EgxQ0bHjut3chzBkJ3Z3sheYVcSwS5BpHZpLqSptSmELNtGixmgj65+rIfhvtQTz5i9OP2vtzdDH7Q==} resolution: {integrity: sha512-Ns0XBwmfuX7ZknznfXozgnydyR8F6ev/KEGePP4i74uL3ArsKbEhJ7raeKr1JSa997DBDwol/4a0Y+At82c9dA==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
dependencies: dependencies:
'@typescript-eslint/types': 5.48.0 '@typescript-eslint/types': 5.48.1
eslint-visitor-keys: 3.3.0 eslint-visitor-keys: 3.3.0
dev: true dev: true
@ -1117,14 +1123,14 @@ packages:
eslint: 8.31.0 eslint: 8.31.0
dev: true dev: true
/eslint-plugin-svelte3/4.0.0_6go7qzsvzihesfwmyvq3tnl5qq: /eslint-plugin-svelte3/4.0.0_btuntbn75dxkba3nofpps2nvzm:
resolution: {integrity: sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==} resolution: {integrity: sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==}
peerDependencies: peerDependencies:
eslint: '>=8.0.0' eslint: '>=8.0.0'
svelte: ^3.2.0 svelte: ^3.2.0
dependencies: dependencies:
eslint: 8.31.0 eslint: 8.31.0
svelte: 3.55.0 svelte: 3.55.1
dev: true dev: true
/eslint-scope/5.1.1: /eslint-scope/5.1.1:
@ -1463,6 +1469,12 @@ packages:
- supports-color - supports-color
dev: true dev: true
/iconify-icon/1.0.2:
resolution: {integrity: sha512-mehAvz2a4eUAlPo76Wul4zzsPNr3hbOHiauMhPrTVIdLOt0AnccnNloh1EeTO3tYeBv7iaJZfdCPHczvi+CkXQ==}
dependencies:
'@iconify/types': 2.0.0
dev: false
/ignore/5.2.1: /ignore/5.2.1:
resolution: {integrity: sha512-d2qQLzTJ9WxQftPAuEQpSPmKqzxePjzVbpAVv62AQ64NTL+wR4JkrVqR/LqFsFEUsHDAiId52mJteHDFuDkElA==} resolution: {integrity: sha512-d2qQLzTJ9WxQftPAuEQpSPmKqzxePjzVbpAVv62AQ64NTL+wR4JkrVqR/LqFsFEUsHDAiId52mJteHDFuDkElA==}
engines: {node: '>= 4'} engines: {node: '>= 4'}
@ -1990,14 +2002,14 @@ packages:
engines: {node: '>= 0.8.0'} engines: {node: '>= 0.8.0'}
dev: true dev: true
/prettier-plugin-svelte/2.9.0_74vfyr7qjo56zgjcvkwi6gyjxm: /prettier-plugin-svelte/2.9.0_y74x4qymbshr6ujrzcfe2sydsa:
resolution: {integrity: sha512-3doBi5NO4IVgaNPtwewvrgPpqAcvNv0NwJNflr76PIGgi9nf1oguQV1Hpdm9TI2ALIQVn/9iIwLpBO5UcD2Jiw==} resolution: {integrity: sha512-3doBi5NO4IVgaNPtwewvrgPpqAcvNv0NwJNflr76PIGgi9nf1oguQV1Hpdm9TI2ALIQVn/9iIwLpBO5UcD2Jiw==}
peerDependencies: peerDependencies:
prettier: ^1.16.4 || ^2.0.0 prettier: ^1.16.4 || ^2.0.0
svelte: ^3.2.0 svelte: ^3.2.0
dependencies: dependencies:
prettier: 2.8.2 prettier: 2.8.2
svelte: 3.55.0 svelte: 3.55.1
dev: true dev: true
/prettier/2.8.2: /prettier/2.8.2:
@ -2257,7 +2269,7 @@ packages:
engines: {node: '>= 0.4'} engines: {node: '>= 0.4'}
dev: true dev: true
/svelte-check/2.10.3_2ucm3gises2g7s47d5nd3e3tqa: /svelte-check/2.10.3_mraflicfyjy3x4taxigiwsr23i:
resolution: {integrity: sha512-Nt1aWHTOKFReBpmJ1vPug0aGysqPwJh2seM1OvICfM2oeyaA62mOiy5EvkXhltGfhCcIQcq2LoE0l1CwcWPjlw==} resolution: {integrity: sha512-Nt1aWHTOKFReBpmJ1vPug0aGysqPwJh2seM1OvICfM2oeyaA62mOiy5EvkXhltGfhCcIQcq2LoE0l1CwcWPjlw==}
hasBin: true hasBin: true
peerDependencies: peerDependencies:
@ -2269,8 +2281,8 @@ packages:
import-fresh: 3.3.0 import-fresh: 3.3.0
picocolors: 1.0.0 picocolors: 1.0.0
sade: 1.8.1 sade: 1.8.1
svelte: 3.55.0 svelte: 3.55.1
svelte-preprocess: 4.10.7_vsntmwrrlk5avk6zexsfqc76hy svelte-preprocess: 4.10.7_kmnkm63hwcse26ffcjvrch7uda
typescript: 4.9.4 typescript: 4.9.4
transitivePeerDependencies: transitivePeerDependencies:
- '@babel/core' - '@babel/core'
@ -2285,20 +2297,20 @@ packages:
- sugarss - sugarss
dev: true dev: true
/svelte-hmr/0.15.1_svelte@3.55.0: /svelte-hmr/0.15.1_svelte@3.55.1:
resolution: {integrity: sha512-BiKB4RZ8YSwRKCNVdNxK/GfY+r4Kjgp9jCLEy0DuqAKfmQtpL38cQK3afdpjw4sqSs4PLi3jIPJIFp259NkZtA==} resolution: {integrity: sha512-BiKB4RZ8YSwRKCNVdNxK/GfY+r4Kjgp9jCLEy0DuqAKfmQtpL38cQK3afdpjw4sqSs4PLi3jIPJIFp259NkZtA==}
engines: {node: ^12.20 || ^14.13.1 || >= 16} engines: {node: ^12.20 || ^14.13.1 || >= 16}
peerDependencies: peerDependencies:
svelte: '>=3.19.0' svelte: '>=3.19.0'
dependencies: dependencies:
svelte: 3.55.0 svelte: 3.55.1
dev: true dev: true
/svelte-lazy-loader/1.0.0: /svelte-lazy-loader/1.0.0:
resolution: {integrity: sha512-AZD6R60vksyojn21FgXLglmBiBB9K5Dkdu0hdGrLbCaRCYT68IsWkZfRUqKhMx1IfzqWcZQ8X9y/f+Ih0oNQkQ==} resolution: {integrity: sha512-AZD6R60vksyojn21FgXLglmBiBB9K5Dkdu0hdGrLbCaRCYT68IsWkZfRUqKhMx1IfzqWcZQ8X9y/f+Ih0oNQkQ==}
dev: false dev: false
/svelte-preprocess/4.10.7_vsntmwrrlk5avk6zexsfqc76hy: /svelte-preprocess/4.10.7_kmnkm63hwcse26ffcjvrch7uda:
resolution: {integrity: sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==} resolution: {integrity: sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==}
engines: {node: '>= 9.11.2'} engines: {node: '>= 9.11.2'}
requiresBuild: true requiresBuild: true
@ -2348,12 +2360,12 @@ packages:
sass: 1.57.1 sass: 1.57.1
sorcery: 0.10.0 sorcery: 0.10.0
strip-indent: 3.0.0 strip-indent: 3.0.0
svelte: 3.55.0 svelte: 3.55.1
typescript: 4.9.4 typescript: 4.9.4
dev: true dev: true
/svelte/3.55.0: /svelte/3.55.1:
resolution: {integrity: sha512-uGu2FVMlOuey4JoKHKrpZFkoYyj0VLjJdz47zX5+gVK5odxHM40RVhar9/iK2YFRVxvfg9FkhfVlR0sjeIrOiA==} resolution: {integrity: sha512-S+87/P0Ve67HxKkEV23iCdAh/SX1xiSfjF1HOglno/YTbSTW7RniICMCofWGdJJbdjw3S+0PfFb1JtGfTXE0oQ==}
engines: {node: '>= 8'} engines: {node: '>= 8'}
dev: true dev: true
@ -2451,8 +2463,8 @@ packages:
hasBin: true hasBin: true
dev: true dev: true
/undici/5.14.0: /undici/5.15.0:
resolution: {integrity: sha512-yJlHYw6yXPPsuOH0x2Ib1Km61vu4hLiRRQoafs+WUgX1vO64vgnxiCEN9dpIrhZyHFsai3F0AEj4P9zy19enEQ==} resolution: {integrity: sha512-wCAZJDyjw9Myv+Ay62LAoB+hZLPW9SmKbQkbHIhMw/acKSlpn7WohdMUc/Vd4j1iSMBO0hWwU8mjB7a5p5bl8g==}
engines: {node: '>=12.18'} engines: {node: '>=12.18'}
dependencies: dependencies:
busboy: 1.6.0 busboy: 1.6.0
@ -2618,8 +2630,8 @@ packages:
engines: {node: '>=10'} engines: {node: '>=10'}
dev: true dev: true
/zod-to-json-schema/3.20.1_zod@3.20.2: /zod-to-json-schema/3.20.2_zod@3.20.2:
resolution: {integrity: sha512-U+zmNJUKqzv92E+LdEYv0g2LxBLks4HAwfC6cue8jXby5PAeSEPGO4xV9Sl4zmLYyFvJkm0FOfOs6orUO+AI1w==} resolution: {integrity: sha512-qka3UAXmVXD8z5SHkRU89UyHp8JHJW7zc8RQCpt7QloJOn6uijwkjUm8o+M/cF1IysmKc5gxac/QeDikaQMdzQ==}
peerDependencies: peerDependencies:
zod: ^3.20.0 zod: ^3.20.0
dependencies: dependencies:

18
postcss.config.cjs
View file

@ -6,14 +6,16 @@ const postcssNested = require('postcss-nested');
const postcssEnvFunction = require('postcss-env-function'); const postcssEnvFunction = require('postcss-env-function');
const config = { const config = {
plugins: [ plugins: [
autoprefixer(), autoprefixer(),
postcssMediaMinmax, postcssMediaMinmax,
customMedia, customMedia,
atImport(), atImport(),
postcssNested, postcssNested,
postcssEnvFunction(), postcssEnvFunction({
] importFrom: './environmentVariables.json'
})
]
}; };
module.exports = config; module.exports = config;

1
src/lib/components/button/index.svelte
View file

@ -17,6 +17,7 @@
border-radius: 4px; border-radius: 4px;
margin: 0; margin: 0;
padding: 1rem; padding: 1rem;
min-width: 20rem;
max-width: 30rem; max-width: 30rem;
background-color: var(--color-btn-primary-active); background-color: var(--color-btn-primary-active);
} }

6
src/lib/stores/search.ts
View file

@ -1,4 +1,4 @@
import { writable } from 'svelte/store'; import { writable, type Writable } from 'svelte/store';
import type { SavedGameType } from '../types'; import type { SavedGameType } from '../types';
export const createSearchStore = (data: SavedGameType[]) => { export const createSearchStore = (data: SavedGameType[]) => {
@ -16,8 +16,10 @@ export const createSearchStore = (data: SavedGameType[]) => {
}; };
export const searchHandler = (store) => { export const searchHandler = (store) => {
console.log(`Store value: ${JSON.stringify(store)}`);
const searchTerm = store.search.toLowerCase() || ''; const searchTerm = store.search.toLowerCase() || '';
store.filtered = store.data.filter((item) => { store.filtered = store.data.filter((item: SavedGameType) => {
return item.searchTerms.toLowerCase().includes(searchTerm); return item.searchTerms.toLowerCase().includes(searchTerm);
}); });
}; };

4
src/routes/+layout.svelte
View file

@ -4,6 +4,7 @@
import debounce from 'just-debounce-it'; import debounce from 'just-debounce-it';
import clone from 'just-clone'; import clone from 'just-clone';
import { Toy } from '@leveluptuts/svelte-toy'; import { Toy } from '@leveluptuts/svelte-toy';
import 'iconify-icon';
// import '../app.postcss'; // import '../app.postcss';
import Analytics from '$lib/components/analytics.svelte'; import Analytics from '$lib/components/analytics.svelte';
import Header from '$lib/components/header/Header.svelte'; import Header from '$lib/components/header/Header.svelte';
@ -42,6 +43,9 @@
if (!item?.searchTerms) { if (!item?.searchTerms) {
item.searchTerms = `${item?.name?.toLowerCase()}`; item.searchTerms = `${item?.name?.toLowerCase()}`;
} }
if (!item?.includeInRandom) {
item.includeInRandom = false;
}
} }
wishlistStore.addAll(wishlist); wishlistStore.addAll(wishlist);
} }

12
src/routes/collection/+page.server.ts Normal file
View file

@ -0,0 +1,12 @@
export const load: PageServerLoad = async ({ fetch, url }) => {
const searchParams = Object.fromEntries(url?.searchParams);
const q = searchParams?.q;
const limit = parseInt(searchParams?.limit) || 10;
const skip = parseInt(searchParams?.skip) || 0;
return {
q,
limit,
skip
};
};

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

@ -8,6 +8,10 @@
import RemoveCollectionDialog from '$root/lib/components/dialog/RemoveCollectionDialog.svelte'; import RemoveCollectionDialog from '$root/lib/components/dialog/RemoveCollectionDialog.svelte';
import RemoveWishlistDialog from '$root/lib/components/dialog/RemoveWishlistDialog.svelte'; import RemoveWishlistDialog from '$root/lib/components/dialog/RemoveWishlistDialog.svelte';
import { createSearchStore, searchHandler } from '$root/lib/stores/search'; import { createSearchStore, searchHandler } from '$root/lib/stores/search';
import type { PageData } from './$types';
export let data: PageData;
console.log(`Page data: ${JSON.stringify(data)}`)
let gameToRemove: GameType | SavedGameType; let gameToRemove: GameType | SavedGameType;
let pageSize = 10; let pageSize = 10;
@ -76,7 +80,7 @@
</svelte:head> </svelte:head>
<h1>Your Collection</h1> <h1>Your Collection</h1>
<input type="text" id="search" name="search" bind:value={$searchStore.search} /> <input type="text" id="search" name="search" placeholder="Search Your Collection" bind:value={$searchStore.search} />
<div class="games"> <div class="games">
<div class="games-list"> <div class="games-list">
@ -109,6 +113,7 @@
<style lang="scss"> <style lang="scss">
h1 { h1 {
margin: 1.5rem 0rem;
width: 100%; width: 100%;
} }

14
src/routes/game/[id]/+page.svelte
View file

@ -89,7 +89,7 @@
<div style="display: grid; gap: 1.5rem; place-content: center;"> <div style="display: grid; gap: 1.5rem; place-content: center;">
{#if existsInCollection} {#if existsInCollection}
<Button size="md" kind="danger" icon on:click={() => removeFromCollection()}> <Button size="md" kind="danger" icon on:click={() => removeFromCollection()}>
Remove from collection <MinusCircleIcon width="24" height="24" /> Remove from collection <iconify-icon icon="line-md:minus-circle" width="24" height="24"></iconify-icon>
</Button> </Button>
{:else} {:else}
<Button <Button
@ -103,12 +103,12 @@
} }
}} }}
> >
Add to collection <PlusCircleIcon width="24" height="24" /> Add to collection <iconify-icon icon="line-md:plus-circle" width="24" height="24"></iconify-icon>
</Button> </Button>
{/if} {/if}
{#if existsInWishlist} {#if existsInWishlist}
<Button size="md" kind="danger" icon on:click={() => removeFromWishList()}> <Button size="md" kind="danger" icon on:click={() => removeFromWishList()}>
Remove from wishlist <MinusCircleIcon width="24" height="24" /> Remove from wishlist <iconify-icon icon="line-md:minus-circle" width="24" height="24"></iconify-icon>
</Button> </Button>
{:else} {:else}
<Button <Button
@ -122,7 +122,7 @@
} }
}} }}
> >
Add to wishlist <PlusCircleIcon width="24" height="24" /> Add to wishlist n <iconify-icon icon="line-md:plus-circle" width="24" height="24"></iconify-icon>
</Button> </Button>
{/if} {/if}
</div> </div>
@ -197,7 +197,7 @@
margin: 1rem; margin: 1rem;
place-items: center; place-items: center;
@media (max-width: 650px) { @media (max-width: env(--medium-viewport)) {
grid-template-columns: 1fr; grid-template-columns: 1fr;
place-items: center; place-items: center;
} }
@ -208,11 +208,11 @@
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
gap: 0.5rem; gap: 0.5rem;
place-content: center; place-content: center;
p { a, p {
margin: 1rem; margin: 1rem;
} }
@media (max-width: 550px) { @media (max-width: env(--xsmall-viewport)) {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
} }

3
src/routes/wishlist/+page.svelte
View file

@ -72,7 +72,7 @@
</svelte:head> </svelte:head>
<h1>Your Wishlist</h1> <h1>Your Wishlist</h1>
<input type="text" id="search" name="search" bind:value={$searchStore.search} /> <input type="text" id="search" name="search" placeholder="Search Your Wishlist" bind:value={$searchStore.search} />
<div class="games"> <div class="games">
<div class="games-list"> <div class="games-list">
@ -105,6 +105,7 @@
<style lang="scss"> <style lang="scss">
h1 { h1 {
margin: 1.5rem 0rem;
width: 100%; width: 100%;
} }