6 Commits

Author SHA1 Message Date
renovate[bot]
492f17a5f4 Update dependency @vitejs/plugin-vue to v6 2026-02-15 05:03:07 +00:00
c13bd92c2b Add auto theme toggle 2026-02-14 23:13:12 -05:00
ea871e3fb4 Remove vuetify and add theme toggle button 2026-02-14 23:07:31 -05:00
d523c31953 Move all css to theme.cs 2026-02-14 22:45:34 -05:00
928ee46b9d Add back raw link to deal 2026-02-14 22:18:01 -05:00
ca58af6a57 Switch to a card-based view 2026-02-14 22:04:19 -05:00
9 changed files with 606 additions and 699 deletions

232
package-lock.json generated
View File

@@ -18,8 +18,7 @@
"dayjs": "^1.11.10",
"vue": "^3.5.17",
"vue-loading-overlay": "^6.0.3",
"vue-router": "^5.0.0",
"vuetify": "^3.9.6"
"vue-router": "^5.0.0"
},
"devDependencies": {
"@babel/core": "^7.22.10",
@@ -33,8 +32,7 @@
"postcss-cli": "^11.0.0",
"sass-embedded": "^1.89.2",
"unplugin-vue-components": "^31.0.0",
"vite": "^6.3.6",
"vite-plugin-vuetify": "^2.1.1"
"vite": "^6.3.6"
}
},
"node_modules/@achrinza/node-ipc": {
@@ -1679,7 +1677,7 @@
"version": "2.7.0",
"resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.7.0.tgz",
"integrity": "sha512-qn6tAIZEw5i/wiESBF4nQxZkl86aY4KoO0IkUa2Lh+rya64oTOdJQFlZuMwI1Qz9VBJQrQC4QlSA2DNek5gCOA==",
"devOptional": true,
"dev": true,
"license": "(Apache-2.0 AND BSD-3-Clause)"
},
"node_modules/@discoveryjs/json-ext": {
@@ -1699,6 +1697,7 @@
"cpu": [
"ppc64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -1715,6 +1714,7 @@
"cpu": [
"arm"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -1731,6 +1731,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -1747,6 +1748,7 @@
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -1763,6 +1765,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -1779,6 +1782,7 @@
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -1795,6 +1799,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -1811,6 +1816,7 @@
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -1827,6 +1833,7 @@
"cpu": [
"arm"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -1843,6 +1850,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -1859,6 +1867,7 @@
"cpu": [
"ia32"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -1875,6 +1884,7 @@
"cpu": [
"loong64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -1891,6 +1901,7 @@
"cpu": [
"mips64el"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -1907,6 +1918,7 @@
"cpu": [
"ppc64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -1923,6 +1935,7 @@
"cpu": [
"riscv64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -1939,6 +1952,7 @@
"cpu": [
"s390x"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -1955,6 +1969,7 @@
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -1971,6 +1986,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -1987,6 +2003,7 @@
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2003,6 +2020,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2019,6 +2037,7 @@
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2035,6 +2054,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2051,6 +2071,7 @@
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2067,6 +2088,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2083,6 +2105,7 @@
"cpu": [
"ia32"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2099,6 +2122,7 @@
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2316,7 +2340,7 @@
"version": "0.3.6",
"resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.6.tgz",
"integrity": "sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==",
"devOptional": true,
"dev": true,
"license": "MIT",
"dependencies": {
"@jridgewell/gen-mapping": "^0.3.5",
@@ -2417,6 +2441,7 @@
"version": "2.5.1",
"resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz",
"integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==",
"dev": true,
"hasInstallScript": true,
"license": "MIT",
"optional": true,
@@ -2456,6 +2481,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2476,6 +2502,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2496,6 +2523,7 @@
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2516,6 +2544,7 @@
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2536,6 +2565,7 @@
"cpu": [
"arm"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2556,6 +2586,7 @@
"cpu": [
"arm"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2576,6 +2607,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2596,6 +2628,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2616,6 +2649,7 @@
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2636,6 +2670,7 @@
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2656,6 +2691,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2676,6 +2712,7 @@
"cpu": [
"ia32"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2696,6 +2733,7 @@
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2740,6 +2778,7 @@
"cpu": [
"arm"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2753,6 +2792,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2766,6 +2806,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2779,6 +2820,7 @@
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2792,6 +2834,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2805,6 +2848,7 @@
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2818,6 +2862,7 @@
"cpu": [
"arm"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2831,6 +2876,7 @@
"cpu": [
"arm"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2844,6 +2890,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2857,6 +2904,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2870,6 +2918,7 @@
"cpu": [
"loong64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2883,6 +2932,7 @@
"cpu": [
"ppc64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2896,6 +2946,7 @@
"cpu": [
"riscv64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2909,6 +2960,7 @@
"cpu": [
"riscv64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2922,6 +2974,7 @@
"cpu": [
"s390x"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2935,6 +2988,7 @@
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2948,6 +3002,7 @@
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2961,6 +3016,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2974,6 +3030,7 @@
"cpu": [
"ia32"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -2987,6 +3044,7 @@
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -3121,7 +3179,7 @@
"version": "1.0.8",
"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
"integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
"devOptional": true,
"dev": true,
"license": "MIT"
},
"node_modules/@types/express": {
@@ -3212,7 +3270,7 @@
"version": "22.10.5",
"resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.5.tgz",
"integrity": "sha512-F8Q+SeGimwOo86fiovQh8qiXfFEh2/ocYv7tU5pJ3EXMSSxk1Joj5wefpFK2fHTf/N6HKGSxIDBT9f3gCxXPkQ==",
"devOptional": true,
"dev": true,
"license": "MIT",
"dependencies": {
"undici-types": "~6.20.0"
@@ -4748,20 +4806,6 @@
"dev": true,
"license": "MIT"
},
"node_modules/@vuetify/loader-shared": {
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/@vuetify/loader-shared/-/loader-shared-2.1.2.tgz",
"integrity": "sha512-X+1jBLmXHkpQEnC0vyOb4rtX2QSkBiFhaFXz8yhQqN2A4vQ6k2nChxN4Ol7VAY5KoqMdFoRMnmNdp/1qYXDQig==",
"devOptional": true,
"license": "MIT",
"dependencies": {
"upath": "^2.0.1"
},
"peerDependencies": {
"vue": "^3.0.0",
"vuetify": ">=3"
}
},
"node_modules/@webassemblyjs/ast": {
"version": "1.14.1",
"resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
@@ -5566,7 +5610,7 @@
"version": "3.0.3",
"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
"integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
"devOptional": true,
"dev": true,
"license": "MIT",
"dependencies": {
"fill-range": "^7.1.1"
@@ -5637,7 +5681,7 @@
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
"integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
"devOptional": true,
"dev": true,
"license": "MIT"
},
"node_modules/bytes": {
@@ -6008,7 +6052,7 @@
"version": "0.5.2",
"resolved": "https://registry.npmjs.org/colorjs.io/-/colorjs.io-0.5.2.tgz",
"integrity": "sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw==",
"devOptional": true,
"dev": true,
"license": "MIT"
},
"node_modules/combined-stream": {
@@ -7276,7 +7320,7 @@
"version": "4.4.3",
"resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
"integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
"devOptional": true,
"dev": true,
"license": "MIT",
"dependencies": {
"ms": "^2.1.3"
@@ -7486,6 +7530,7 @@
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
"integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
"dev": true,
"license": "Apache-2.0",
"optional": true,
"bin": {
@@ -7830,7 +7875,7 @@
"version": "0.25.9",
"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.9.tgz",
"integrity": "sha512-CRbODhYyQx3qp7ZEwzxOk4JBqmD/seJrzPa/cGjY1VtIn5E09Oi9/dB4JwctnfZ8Q8iT7rioVv5k/FNT/uf54g==",
"devOptional": true,
"dev": true,
"hasInstallScript": true,
"license": "MIT",
"bin": {
@@ -8691,7 +8736,7 @@
"version": "7.1.1",
"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
"integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
"devOptional": true,
"dev": true,
"license": "MIT",
"dependencies": {
"to-regex-range": "^5.0.1"
@@ -8907,6 +8952,7 @@
"version": "2.3.3",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
"dev": true,
"hasInstallScript": true,
"license": "MIT",
"optional": true,
@@ -9122,7 +9168,7 @@
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
"devOptional": true,
"dev": true,
"license": "MIT",
"engines": {
"node": ">=8"
@@ -9530,7 +9576,7 @@
"version": "5.1.3",
"resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.3.tgz",
"integrity": "sha512-+chQdDfvscSF1SJqv2gn4SRO2ZyS3xL3r7IW/wWEEzrzLisnOlKiQu5ytC/BVNcS15C39WT2Hg/bjKjDMcu+zg==",
"devOptional": true,
"dev": true,
"license": "MIT"
},
"node_modules/import-fresh": {
@@ -9658,7 +9704,7 @@
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
"devOptional": true,
"dev": true,
"license": "MIT",
"engines": {
"node": ">=0.10.0"
@@ -9688,7 +9734,7 @@
"version": "4.0.3",
"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
"devOptional": true,
"dev": true,
"license": "MIT",
"dependencies": {
"is-extglob": "^2.1.1"
@@ -9711,7 +9757,7 @@
"version": "7.0.0",
"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
"devOptional": true,
"dev": true,
"license": "MIT",
"engines": {
"node": ">=0.12.0"
@@ -10501,7 +10547,7 @@
"version": "4.0.8",
"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
"integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
"devOptional": true,
"dev": true,
"license": "MIT",
"dependencies": {
"braces": "^3.0.3",
@@ -10752,7 +10798,7 @@
"version": "2.1.3",
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
"devOptional": true,
"dev": true,
"license": "MIT"
},
"node_modules/muggle-string": {
@@ -10851,6 +10897,7 @@
"version": "7.1.1",
"resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
"integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
"dev": true,
"license": "MIT",
"optional": true
},
@@ -11420,7 +11467,7 @@
"version": "2.3.1",
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
"devOptional": true,
"dev": true,
"license": "MIT",
"engines": {
"node": ">=8.6"
@@ -13031,7 +13078,7 @@
"version": "4.49.0",
"resolved": "https://registry.npmjs.org/rollup/-/rollup-4.49.0.tgz",
"integrity": "sha512-3IVq0cGJ6H7fKXXEdVt+RcYvRCt8beYY9K1760wGQwSAHZcS9eot1zDG5axUbcp/kWRi5zKIIDX8MoKv/TzvZA==",
"devOptional": true,
"dev": true,
"license": "MIT",
"dependencies": {
"@types/estree": "1.0.8"
@@ -13095,7 +13142,7 @@
"version": "7.8.2",
"resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
"integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
"devOptional": true,
"dev": true,
"license": "Apache-2.0",
"dependencies": {
"tslib": "^2.1.0"
@@ -13133,6 +13180,7 @@
"version": "1.97.3",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.97.3.tgz",
"integrity": "sha512-fDz1zJpd5GycprAbu4Q2PV/RprsRtKC/0z82z0JLgdytmcq0+ujJbJ/09bPGDxCLkKY3Np5cRAOcWiVkLXJURg==",
"dev": true,
"license": "MIT",
"optional": true,
"dependencies": {
@@ -13154,7 +13202,7 @@
"version": "1.97.3",
"resolved": "https://registry.npmjs.org/sass-embedded/-/sass-embedded-1.97.3.tgz",
"integrity": "sha512-eKzFy13Nk+IRHhlAwP3sfuv+PzOrvzUkwJK2hdoCKYcWGSdmwFpeGpWmyewdw8EgBnsKaSBtgf/0b2K635ecSA==",
"devOptional": true,
"dev": true,
"license": "MIT",
"dependencies": {
"@bufbuild/protobuf": "^2.5.0",
@@ -13202,6 +13250,7 @@
"!riscv64",
"!x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"dependencies": {
@@ -13215,6 +13264,7 @@
"cpu": [
"arm"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -13231,6 +13281,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -13247,6 +13298,7 @@
"cpu": [
"riscv64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -13263,6 +13315,7 @@
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -13279,6 +13332,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -13295,6 +13349,7 @@
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -13311,6 +13366,7 @@
"cpu": [
"arm"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -13327,6 +13383,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -13343,6 +13400,7 @@
"cpu": [
"arm"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -13359,6 +13417,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -13375,6 +13434,7 @@
"cpu": [
"riscv64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -13391,6 +13451,7 @@
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -13407,6 +13468,7 @@
"cpu": [
"riscv64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -13423,6 +13485,7 @@
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -13436,6 +13499,7 @@
"version": "1.97.3",
"resolved": "https://registry.npmjs.org/sass-embedded-unknown-all/-/sass-embedded-unknown-all-1.97.3.tgz",
"integrity": "sha512-/GHajyYJmvb0IABUQHbVHf1nuHPtIDo/ClMZ81IDr59wT5CNcMe7/dMNujXwWugtQVGI5UGmqXWZQCeoGnct8Q==",
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -13455,6 +13519,7 @@
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -13471,6 +13536,7 @@
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
@@ -13484,7 +13550,7 @@
"version": "8.1.1",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
"integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
"devOptional": true,
"dev": true,
"license": "MIT",
"dependencies": {
"has-flag": "^4.0.0"
@@ -13500,6 +13566,7 @@
"version": "4.0.3",
"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
"integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
"dev": true,
"license": "MIT",
"optional": true,
"dependencies": {
@@ -13516,6 +13583,7 @@
"version": "4.1.2",
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
"integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
"dev": true,
"license": "MIT",
"optional": true,
"engines": {
@@ -13950,7 +14018,7 @@
"version": "0.6.1",
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
"devOptional": true,
"dev": true,
"license": "BSD-3-Clause",
"engines": {
"node": ">=0.10.0"
@@ -13969,7 +14037,7 @@
"version": "0.5.21",
"resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
"integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
"devOptional": true,
"dev": true,
"license": "MIT",
"dependencies": {
"buffer-from": "^1.0.0",
@@ -14342,7 +14410,7 @@
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/sync-child-process/-/sync-child-process-1.0.2.tgz",
"integrity": "sha512-8lD+t2KrrScJ/7KXCSyfhT3/hRq78rC0wBFqNJXv3mZyn6hW2ypM05JmlSvtqRbeq6jqA94oHbxAr2vYsJ8vDA==",
"devOptional": true,
"dev": true,
"license": "MIT",
"dependencies": {
"sync-message-port": "^1.0.0"
@@ -14355,7 +14423,7 @@
"version": "1.1.3",
"resolved": "https://registry.npmjs.org/sync-message-port/-/sync-message-port-1.1.3.tgz",
"integrity": "sha512-GTt8rSKje5FilG+wEdfCkOcLL7LWqpMlr2c3LRuKt/YXxcJ52aGSbGBAdI4L3aaqfrBt6y711El53ItyH1NWzg==",
"devOptional": true,
"dev": true,
"license": "MIT",
"engines": {
"node": ">=16.0.0"
@@ -14379,7 +14447,7 @@
"version": "5.37.0",
"resolved": "https://registry.npmjs.org/terser/-/terser-5.37.0.tgz",
"integrity": "sha512-B8wRRkmre4ERucLM/uXx4MOV5cbnOlVAqUst+1+iLKPI0dOgFO28f84ptoQt9HEI537PMzfYa/d+GEPKTRXmYA==",
"devOptional": true,
"dev": true,
"license": "BSD-2-Clause",
"dependencies": {
"@jridgewell/source-map": "^0.3.3",
@@ -14490,7 +14558,7 @@
"version": "2.20.3",
"resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
"integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
"devOptional": true,
"dev": true,
"license": "MIT"
},
"node_modules/text-table": {
@@ -14644,7 +14712,7 @@
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
"devOptional": true,
"dev": true,
"license": "MIT",
"dependencies": {
"is-number": "^7.0.0"
@@ -14684,7 +14752,7 @@
"version": "2.8.1",
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
"integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
"devOptional": true,
"dev": true,
"license": "0BSD"
},
"node_modules/type-check": {
@@ -14734,7 +14802,7 @@
"version": "6.20.0",
"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz",
"integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==",
"devOptional": true,
"dev": true,
"license": "MIT"
},
"node_modules/unicode-canonical-property-names-ecmascript": {
@@ -14928,17 +14996,6 @@
"dev": true,
"license": "MIT"
},
"node_modules/upath": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/upath/-/upath-2.0.1.tgz",
"integrity": "sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==",
"devOptional": true,
"license": "MIT",
"engines": {
"node": ">=4",
"yarn": "*"
}
},
"node_modules/update-browserslist-db": {
"version": "1.2.3",
"resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
@@ -15027,7 +15084,7 @@
"version": "6.0.0",
"resolved": "https://registry.npmjs.org/varint/-/varint-6.0.0.tgz",
"integrity": "sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg==",
"devOptional": true,
"dev": true,
"license": "MIT"
},
"node_modules/vary": {
@@ -15044,7 +15101,7 @@
"version": "6.4.1",
"resolved": "https://registry.npmjs.org/vite/-/vite-6.4.1.tgz",
"integrity": "sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g==",
"devOptional": true,
"dev": true,
"license": "MIT",
"dependencies": {
"esbuild": "^0.25.0",
@@ -15115,31 +15172,11 @@
}
}
},
"node_modules/vite-plugin-vuetify": {
"version": "2.1.3",
"resolved": "https://registry.npmjs.org/vite-plugin-vuetify/-/vite-plugin-vuetify-2.1.3.tgz",
"integrity": "sha512-Q4SC/4TqbNvaZIFb9YsfBqkGlYHbJJJ6uU3CnRBZqLUF3s5eCMVZAaV4GkTbehIH/bhSj42lMXztOwc71u6rVw==",
"devOptional": true,
"license": "MIT",
"dependencies": {
"@vuetify/loader-shared": "^2.1.2",
"debug": "^4.3.3",
"upath": "^2.0.1"
},
"engines": {
"node": "^18.0.0 || >=20.0.0"
},
"peerDependencies": {
"vite": ">=5",
"vue": "^3.0.0",
"vuetify": ">=3"
}
},
"node_modules/vite/node_modules/fdir": {
"version": "6.5.0",
"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
"integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
"devOptional": true,
"dev": true,
"license": "MIT",
"engines": {
"node": ">=12.0.0"
@@ -15157,7 +15194,7 @@
"version": "4.0.3",
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
"devOptional": true,
"dev": true,
"license": "MIT",
"engines": {
"node": ">=12"
@@ -15454,33 +15491,6 @@
"dev": true,
"license": "MIT"
},
"node_modules/vuetify": {
"version": "3.11.8",
"resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.11.8.tgz",
"integrity": "sha512-4iKnntOnLFFklygZjzlVfcHrtLO8+iK4HOhiia6HP2U8v82x+ngaSCgm+epvPrGyCMfCpfuEttqD2qElrr1axw==",
"license": "MIT",
"funding": {
"type": "github",
"url": "https://github.com/sponsors/johnleider"
},
"peerDependencies": {
"typescript": ">=4.7",
"vite-plugin-vuetify": ">=2.1.0",
"vue": "^3.5.0",
"webpack-plugin-vuetify": ">=3.1.0"
},
"peerDependenciesMeta": {
"typescript": {
"optional": true
},
"vite-plugin-vuetify": {
"optional": true
},
"webpack-plugin-vuetify": {
"optional": true
}
}
},
"node_modules/watchpack": {
"version": "2.5.1",
"resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.5.1.tgz",

View File

@@ -19,8 +19,7 @@
"dayjs": "^1.11.10",
"vue": "^3.5.17",
"vue-loading-overlay": "^6.0.3",
"vue-router": "^5.0.0",
"vuetify": "^3.9.6"
"vue-router": "^5.0.0"
},
"devDependencies": {
"@babel/core": "^7.22.10",
@@ -34,8 +33,7 @@
"postcss-cli": "^11.0.0",
"sass-embedded": "^1.89.2",
"unplugin-vue-components": "^31.0.0",
"vite": "^6.3.6",
"vite-plugin-vuetify": "^2.1.1"
"vite": "^6.3.6"
},
"eslintConfig": {
"root": true,
@@ -51,4 +49,4 @@
},
"rules": {}
}
}
}

View File

@@ -2,9 +2,9 @@
import axios from "axios";
import dayjs from "dayjs";
import utc from "dayjs/plugin/utc";
import { ref } from "vue";
import "vue-loading-overlay/dist/css/index.css";
import "./theme.css";
// Configure day.js with UTC support
dayjs.extend(utc);
@@ -16,12 +16,8 @@ export default {
filter: window.location.href.split("filter=")[1] || "",
sortColumn: this.sortColumn,
topics: [],
hoveredTopicId: null,
tooltipData: {},
loadingTooltip: {},
tooltipPosition: { x: 0, y: 0 },
isMobile: false,
currentTheme: 'dark',
currentTheme: 'auto',
mediaQueryListener: null,
vuetifyTheme: null,
darkModeQuery: null,
@@ -32,7 +28,7 @@ export default {
window.addEventListener("keydown", this.handleKeyDown);
this.detectMobile();
this.fetchDeals();
// Initialize theme on next tick to ensure Vuetify is ready
// Initialize theme on next tick
this.$nextTick(() => {
this.initializeTheme();
this.setupThemeListener();
@@ -47,15 +43,15 @@ export default {
},
methods: {
initializeTheme() {
// If no saved preference, apply system preference now
const savedTheme = localStorage.getItem('vuetify-theme');
// If no saved preference, default to auto
const savedTheme = localStorage.getItem('theme');
if (!savedTheme) {
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
const theme = prefersDark ? 'dark' : 'light';
this.applyTheme(theme);
this.currentTheme = 'auto';
this.applyTheme('auto');
} else {
// Get current theme name from Vuetify
this.currentTheme = this.$vuetify.theme.global.name;
this.currentTheme = savedTheme;
// Apply saved theme
this.applyTheme(savedTheme);
}
},
setupThemeListener() {
@@ -66,12 +62,12 @@ export default {
// Use arrow function to preserve 'this' context
const themeChangeHandler = (e) => {
// Only auto-update theme if user hasn't set a preference manually
const savedTheme = localStorage.getItem('vuetify-theme');
if (!savedTheme) {
// Only auto-update theme if set to 'auto'
const savedTheme = localStorage.getItem('theme');
if (savedTheme === 'auto' || !savedTheme) {
const newTheme = e.matches ? 'dark' : 'light';
console.log('System theme changed to:', newTheme);
this.applyTheme(newTheme);
this.applyThemeActual(newTheme);
}
};
@@ -80,17 +76,44 @@ export default {
this.themeChangeHandler = themeChangeHandler;
this.darkModeQuery = darkModeQuery;
},
applyTheme(theme) {
// Apply theme using Vuetify's theme API
this.$vuetify.theme.global.name = theme;
applyTheme(theme, skipSave = false) {
this.currentTheme = theme;
localStorage.setItem('vuetify-theme', theme);
if (!skipSave) {
localStorage.setItem('theme', theme);
}
// Also update data-bs-theme for any custom CSS that uses it
document.documentElement.setAttribute('data-bs-theme', theme === 'dark' ? 'dark' : 'light');
// Determine actual theme to apply
let actualTheme = theme;
if (theme === 'auto') {
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
actualTheme = prefersDark ? 'dark' : 'light';
}
this.applyThemeActual(actualTheme);
},
applyThemeActual(actualTheme) {
// Update data-bs-theme attribute for CSS variables to work
document.documentElement.setAttribute('data-bs-theme', actualTheme === 'dark' ? 'dark' : 'light');
// Update HTML class for theme-based CSS selectors
if (actualTheme === 'dark') {
document.documentElement.classList.add('dark-theme');
document.documentElement.classList.remove('light-theme');
} else {
document.documentElement.classList.add('light-theme');
document.documentElement.classList.remove('dark-theme');
}
},
toggleTheme() {
const newTheme = this.currentTheme === 'dark' ? 'light' : 'dark';
// Cycle through: auto -> light -> dark -> auto
let newTheme;
if (this.currentTheme === 'auto') {
newTheme = 'light';
} else if (this.currentTheme === 'light') {
newTheme = 'dark';
} else {
newTheme = 'auto';
}
this.applyTheme(newTheme);
},
detectMobile() {
@@ -121,63 +144,7 @@ export default {
this.$refs.filter.focus();
}
},
handleTitleHover(topic, event) {
// Don't load tooltips on mobile devices
if (this.isMobile) {
return;
}
this.hoveredTopicId = topic.topic_id;
this.tooltipPosition = {
x: event.clientX,
y: event.clientY,
};
this.loadTopicDetails(topic.topic_id);
},
handleTitleLeave() {
if (this.isMobile) {
return;
}
this.hoveredTopicId = null;
},
handleMouseMove(event) {
if (this.isMobile) {
return;
}
if (this.hoveredTopicId !== null) {
this.tooltipPosition = {
x: event.clientX,
y: event.clientY,
};
}
},
loadTopicDetails(topicId) {
if (!topicId) {
console.warn("Topic ID is undefined");
return;
}
if (this.tooltipData[topicId]) {
return; // Already loaded
}
if (this.loadingTooltip[topicId]) {
return; // Already loading
}
this.loadingTooltip[topicId] = true;
axios
.get(`api/v1/topics/${topicId}`)
.then((response) => {
this.tooltipData[topicId] = response.data;
})
.catch((err) => {
console.log("Error loading topic details:", err);
})
.finally(() => {
this.loadingTooltip[topicId] = false;
});
},
createFilterRoute(params) {
this.$refs.filter.blur();
history.pushState(
@@ -205,16 +172,18 @@ export default {
};
},
filteredTopics() {
return this.topics.filter((row) => {
const titles = (
row.title.toString() +
" [" +
row.Offer.dealer_name +
"]"
).toLowerCase();
const filterTerm = this.filter.toLowerCase();
return titles.includes(filterTerm);
});
return this.topics
.filter((row) => {
const titles = (
row.title.toString() +
" [" +
row.Offer.dealer_name +
"]"
).toLowerCase();
const filterTerm = this.filter.toLowerCase();
return titles.includes(filterTerm);
})
.sort((a, b) => b.score - a.score); // Always sort by score descending
},
highlightMatches() {
return (v) => {
@@ -226,266 +195,113 @@ export default {
return v.replace(re, (matchedText) => `<mark>${matchedText}</mark>`);
};
},
visibleHeaders() {
const baseHeaders = [
{ title: "Deal", value: "title", align: "center" },
{ title: "Score", value: "score", align: "center" },
];
highlightDealerName() {
return (dealerName) => {
if (this.filter == "") return dealerName;
const matchExists = dealerName.toLowerCase().includes(this.filter.toLowerCase());
if (!matchExists) return dealerName;
// Only show Last Post column on desktop
if (!this.isMobile) {
baseHeaders.push({
title: "Last Post",
value: "last_post_time",
align: "center",
});
}
return baseHeaders;
},
tooltipStyle() {
if (this.hoveredTopicId === null || !this.tooltipData[this.hoveredTopicId]) {
return {};
}
let top = this.tooltipPosition.y + 10;
let left = this.tooltipPosition.x + 10;
const tooltipWidth = 420;
// Check if tooltip would go off right side of screen
if (left + tooltipWidth > window.innerWidth) {
// Position to the left of cursor instead
left = Math.max(10, this.tooltipPosition.x - tooltipWidth - 10);
}
// Keep tooltip within vertical bounds, allowing scrolling of content
top = Math.max(10, Math.min(top, window.innerHeight - 100));
return {
position: 'fixed',
left: Math.max(10, left) + 'px',
top: top + 'px',
zIndex: 9999,
const re = new RegExp(this.filter, "ig");
return dealerName.replace(re, (matchedText) => `<mark>${matchedText}</mark>`);
};
},
getThemeIcon() {
if (this.currentTheme === 'auto') {
return 'brightness_auto';
} else if (this.currentTheme === 'dark') {
return 'light_mode';
} else {
return 'dark_mode';
}
},
getThemeTitle() {
if (this.currentTheme === 'auto') {
return 'Theme: Auto (click for Light)';
} else if (this.currentTheme === 'light') {
return 'Theme: Light (click for Dark)';
} else {
return 'Theme: Dark (click for Auto)';
}
},
},
};
</script>
<script setup>
const sortBy = ref([{ key: "score", order: "desc" }]);
</script>
<template>
<v-app>
<v-main>
<link rel="shortcut icon" type="image/png" href="/favicon.png" />
<body>
<v-text-field
v-model="filter"
label="Filter"
ref="filter"
@keyup.enter="createFilterRoute(filter.toString())"
@keyup.esc="$refs.filter.blur()"
hide-details="true"
/>
<v-data-table
:headers="visibleHeaders"
:items="filteredTopics"
:sort-by="sortBy"
:items-per-page="50"
>
<template #item.title="{ item }">
<a
:href="`https://forums.redflagdeals.com${item.web_path}`"
target="_blank"
@mouseenter="handleTitleHover(item, $event)"
@mouseleave="handleTitleLeave"
@mousemove="handleMouseMove"
v-html="
highlightMatches(
item.title
)
"
></a>
</template>
<div id="app">
<link rel="shortcut icon" type="image/png" href="/favicon.png" />
<div class="container">
<div class="header">
<div class="header-controls">
<input
v-model="filter"
type="text"
placeholder="Filter deals"
ref="filter"
@keyup.enter="createFilterRoute(filter.toString())"
@keyup.esc="$refs.filter.blur()"
class="search-input"
/>
<button @click="toggleTheme" class="theme-toggle" :title="getThemeTitle">
<span class="material-symbols-outlined">{{ getThemeIcon }}</span>
</button>
</div>
</div>
<template #item.score="{ item }">
<span v-if="item.score > 0" class="green-score"
>+{{ item.score }}</span
>
<span v-else-if="item.score < 0" class="red-score">{{
item.score
}}</span>
<span v-else>{{ item.score }}</span>
</template>
<template #item.last_post_time="{ item }">
{{ formatDate(item.last_post_time) }}
</template>
<template #loading>
<v-progress-linear indeterminate color="grey" />
</template>
</v-data-table>
<!-- Tooltip for deal details -->
<div
v-if="hoveredTopicId !== null && tooltipData[hoveredTopicId]"
class="deal-tooltip"
:style="tooltipStyle"
>
<div class="tooltip-content">
<div class="tooltip-stats">
<span class="stat-item">
<span class="material-symbols-outlined">visibility</span>
{{ tooltipData[hoveredTopicId].topic.total_views }} views
</span>
<span class="stat-item">
<span class="material-symbols-outlined">chat</span>
{{ tooltipData[hoveredTopicId].topic.total_replies }} replies
</span>
<div class="cards-grid">
<div
v-for="topic in filteredTopics"
:key="topic.topic_id"
class="deal-card"
>
<div class="card-header">
<div class="title-with-link">
<a
:href="`https://forums.redflagdeals.com${topic.web_path}`"
target="_blank"
class="deal-title"
@click.stop
v-html="highlightMatches(topic.title)"
></a>
<a
v-if="topic.Offer.url"
:href="topic.Offer.url"
target="_blank"
class="card-link"
title="Open deal"
>
<span class="material-symbols-outlined">open_in_new</span>
</a>
</div>
<div class="score-bubble" :class="{ positive: topic.score > 0, negative: topic.score < 0, neutral: topic.score === 0 }">
<span v-if="topic.score > 0">+{{ topic.score }}</span>
<span v-else>{{ topic.score }}</span>
</div>
<div v-if="tooltipData[hoveredTopicId].description" class="tooltip-description">
<strong>Description:</strong>
{{ tooltipData[hoveredTopicId].description }}
</div>
<div class="tooltip-dealer">
{{ tooltipData[hoveredTopicId].topic.Offer.dealer_name }}
<div class="card-meta">
<span class="dealer-name" v-html="highlightDealerName(topic.Offer.dealer_name)"></span>
</div>
<div v-if="tooltipData[hoveredTopicId].first_post" class="tooltip-first-post">
<strong>First Post:</strong>
{{ tooltipData[hoveredTopicId].first_post }}
</div>
<div class="tooltip-times">
<div>Posted: {{ formatDate(tooltipData[hoveredTopicId].topic.post_time) }}</div>
<div>Last Post: {{ formatDate(tooltipData[hoveredTopicId].topic.last_post_time) }}</div>
<div class="card-details">
<div class="details-stats">
<div class="stat">
<span class="material-symbols-outlined">visibility</span>
<span class="stat-value">{{ topic.total_views }} views</span>
</div>
<div class="stat">
<span class="material-symbols-outlined">chat</span>
<span class="stat-value">{{ topic.total_replies }} replies</span>
</div>
</div>
<div class="card-timestamp">
Last post: {{ formatDate(topic.last_post_time) }}
</div>
</div>
</div>
</div>
</body>
</v-main>
</v-app>
</div>
</div>
</template>
<style scoped>
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
}
.fixed-bottom {
background: #ffc;
color: black;
}
.deal-tooltip {
pointer-events: none;
max-width: 400px;
}
.tooltip-content {
background: var(--tooltip-bg);
border: 2px solid var(--tooltip-border);
border-radius: 8px;
padding: 16px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
font-size: 13px;
color: var(--text-primary);
text-align: left;
transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.tooltip-header {
font-weight: bold;
font-size: 14px;
color: var(--text-primary);
margin-bottom: 8px;
white-space: normal;
word-wrap: break-word;
}
.tooltip-dealer {
font-size: 12px;
color: var(--text-secondary);
margin-bottom: 8px;
}
.tooltip-stats {
display: flex;
gap: 12px;
margin-bottom: 8px;
font-size: 12px;
color: var(--text-secondary);
}
.stat-item {
display: flex;
align-items: center;
gap: 4px;
}
.stat-item .material-symbols-outlined {
font-size: 16px;
}
.tooltip-description {
margin-bottom: 8px;
padding: 8px;
background: var(--bg-secondary);
border-left: 2px solid var(--tooltip-border);
border-radius: 2px;
font-size: 12px;
white-space: normal;
word-wrap: break-word;
max-height: 60px;
overflow-y: auto;
color: var(--text-primary);
}
.tooltip-first-post {
margin-bottom: 8px;
padding: 8px;
background: var(--bg-secondary);
border-left: 2px solid var(--tooltip-border);
border-radius: 2px;
font-size: 12px;
white-space: normal;
word-wrap: break-word;
max-height: 60px;
overflow-y: auto;
color: var(--text-primary);
}
.tooltip-times {
font-size: 11px;
color: var(--text-secondary);
border-top: 1px solid var(--border-color);
padding-top: 8px;
margin-top: 8px;
}
/* Filter input styling */
:deep(.v-text-field) {
--v-field-border-color: #cccccc;
}
html[data-bs-theme="light"] :deep(.v-text-field) {
--v-field-border-color: #e8e8e8;
}
html[data-bs-theme="light"] :deep(.v-field__input) {
background-color: #d0d0d0 !important;
}
html[data-bs-theme="light"] :deep(.v-field--focused .v-field__input) {
background-color: #e8e8e8 !important;
}
html[data-bs-theme="dark"] :deep(.v-text-field) {
--v-field-border-color: #555555;
}
</style>

View File

@@ -4,8 +4,6 @@ import { createRouter, createWebHashHistory } from "vue-router";
import "./theme.css";
import { registerPlugins } from "@/plugins";
const routes = [
{
path: '/:pathMatch(.*)*',
@@ -20,7 +18,5 @@ const router = createRouter({
const app = createApp(App);
registerPlugins(app);
app.use(router);
app.mount("#app");
app.mount("#app");

View File

@@ -1,3 +0,0 @@
# Plugins
Plugins are a way to extend the functionality of your Vue application. Use this folder for registering plugins that you want to use globally.

View File

@@ -1,12 +0,0 @@
/**
* plugins/index.js
*
* Automatically included in `./src/main.js`
*/
// Plugins
import vuetify from './vuetify'
export function registerPlugins (app) {
app.use(vuetify)
}

View File

@@ -1,68 +0,0 @@
/**
* plugins/vuetify.js
*
* Framework documentation: https://vuetifyjs.com
*/
// Styles
import "@mdi/font/css/materialdesignicons.css";
import "vuetify/styles";
// Composables
import { createVuetify } from "vuetify";
const lightTheme = {
dark: false,
colors: {
background: "#ffffff",
surface: "#f5f5f5",
primary: "#1976d2",
secondary: "#424242",
accent: "#82b1ff",
error: "#f44336",
info: "#2196f3",
success: "#4caf50",
warning: "#ff9800",
},
};
const darkTheme = {
dark: true,
colors: {
background: "#1a1a1a",
surface: "#2a2a2a",
primary: "#5b9cf5",
secondary: "#a0a0a0",
accent: "#7aa2f7",
error: "#f87171",
info: "#60a5fa",
success: "#4ade80",
warning: "#facc15",
},
};
function getDefaultTheme() {
// Check for saved theme preference
const savedTheme = localStorage.getItem('vuetify-theme');
if (savedTheme) {
return savedTheme;
}
// Check system preference
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
return prefersDark ? 'dark' : 'light';
}
// Create vuetify instance
const vuetify = createVuetify({
theme: {
defaultTheme: getDefaultTheme(),
themes: {
light: lightTheme,
dark: darkTheme,
},
},
});
// Export the vuetify instance so other parts of the app can access it
export { vuetify as default };

View File

@@ -15,18 +15,12 @@
/* Theme-aware CSS variables */
:root {
/* Light theme (default) */
--bg-primary: #ffffff;
--bg-secondary: #f5f5f5;
--bg-primary: #dddddd;
--bg-secondary: #e8e8e8;
--text-primary: #212529;
--text-secondary: #6c757d;
--border-color: #dee2e6;
--tooltip-bg: #f8f9fa;
--tooltip-border: #dee2e6;
--tooltip-text: #212529;
--link-color: #0d6efd;
--link-visited: #990000;
--footer-bg: #f8f9fa;
--footer-text: #212529;
--border-color: #d0d0d0;
--link-color: #212529;
}
/* Dark theme */
@@ -37,13 +31,7 @@
--text-primary: #e0e0e0;
--text-secondary: #a0a0a0;
--border-color: #3a3a3a;
--tooltip-bg: #2a2a2a;
--tooltip-border: #444444;
--tooltip-text: #e0e0e0;
--link-color: #5b9cf5;
--link-visited: #990000;
--footer-bg: #1a1a1a;
--footer-text: #e0e0e0;
--link-color: #212529;
}
}
@@ -54,35 +42,17 @@ html[data-bs-theme="dark"] {
--text-primary: #e0e0e0;
--text-secondary: #a0a0a0;
--border-color: #3a3a3a;
--tooltip-bg: #2a2a2a;
--tooltip-border: #444444;
--tooltip-text: #e0e0e0;
--link-color: #e8e8e8;
--link-visited: #990000;
--footer-bg: #1a1a1a;
--footer-text: #e0e0e0;
--link-color: #e0e0e0;
}
html[data-bs-theme="light"] {
--bg-primary: #ffffff;
--bg-secondary: #f5f5f5;
html[data-bs-theme="light"],
html.light-theme {
--bg-primary: #dddddd;
--bg-secondary: #e8e8e8;
--text-primary: #212529;
--text-secondary: #6c757d;
--border-color: #dee2e6;
--tooltip-bg: #f8f9fa;
--tooltip-border: #dee2e6;
--tooltip-text: #212529;
--link-color: #333333;
--link-visited: #990000;
--footer-bg: #f8f9fa;
--footer-text: #212529;
}
body {
max-width: 100%;
background-color: var(--bg-primary);
color: var(--text-primary);
transition: background-color 0.3s ease, color 0.3s ease;
--border-color: #d0d0d0;
--link-color: #212529;
}
html {
@@ -90,23 +60,17 @@ html {
min-width: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
background-color: var(--bg-primary);
color: var(--text-primary);
}
footer {
background: var(--footer-bg);
color: var(--footer-text);
padding: 3px;
padding-right: 10px;
padding-left: 10px;
border-top: 1px solid var(--border-color);
}
.footer-left {
float: left;
}
.footer-right {
float: right;
body {
max-width: 100%;
background-color: var(--bg-primary);
color: var(--text-primary);
transition: background-color 0.3s ease, color 0.3s ease;
margin: 0;
padding: 0;
}
.green-score {
@@ -130,103 +94,318 @@ a {
transition: color 0.2s ease;
}
a:visited {
color: var(--link-visited);
color: var(--link-color);
}
@media (min-width: 769px) {
.v-data-table-header th,
.v-data-table__td,
.v-data-footer {
font-size: 1.2rem;
/* App styles */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background-color: var(--bg-primary);
color: var(--text-primary);
min-height: 100vh;
}
.header {
margin-bottom: 30px;
}
.header-controls {
display: flex;
gap: 12px;
align-items: center;
}
.search-input {
flex: 1;
max-width: 500px;
padding: 10px 12px;
font-size: 14px;
border: 1px solid #cccccc;
border-radius: 4px;
background-color: #f5f5f5;
color: var(--text-primary);
transition: all 0.2s ease;
font-family: inherit;
}
.search-input:focus {
outline: none;
border-color: #999999;
background-color: #ffffff;
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
}
html.dark-theme .search-input {
border-color: #555555;
background-color: #1a1a1a;
color: #e0e0e0;
}
html.dark-theme .search-input:focus {
background-color: #2a2a2a;
border-color: #777777;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
}
.search-input::placeholder {
color: var(--text-secondary);
}
.theme-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: 1px solid #cccccc;
border-radius: 4px;
background-color: #f5f5f5;
color: var(--text-primary);
cursor: pointer;
transition: all 0.2s ease;
font-size: 18px;
padding: 0;
flex-shrink: 0;
}
.theme-toggle:hover {
background-color: #e8e8e8;
border-color: #999999;
}
.theme-toggle:active {
transform: scale(0.95);
}
html.dark-theme .theme-toggle {
border-color: #555555;
background-color: #1a1a1a;
color: #e0e0e0;
}
html.dark-theme .theme-toggle:hover {
background-color: #2a2a2a;
border-color: #777777;
}
.cards-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
gap: 20px;
margin-top: 20px;
}
.deal-card {
background-color: var(--bg-secondary);
border: 1.5px solid #aaaaaa;
border-radius: 12px;
padding: 16px;
display: flex;
flex-direction: column;
transition: all 0.2s ease;
min-height: auto;
}
.deal-card:hover {
background-color: #15151515;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-color: #999999;
}
.card-header {
display: flex;
gap: 12px;
align-items: flex-start;
margin-bottom: 12px;
justify-content: space-between;
}
.title-with-link {
display: flex;
align-items: flex-start;
gap: 6px;
flex: 1;
}
.deal-title {
color: var(--link-color);
text-decoration: none;
font-weight: 500;
font-size: 15px;
line-height: 1.4;
flex: 1;
transition: color 0.2s ease;
}
.deal-title:visited {
color: var(--link-color);
}
.deal-title:hover {
text-decoration: underline;
}
.card-meta {
display: flex;
flex-direction: column;
gap: 6px;
font-size: 13px;
margin-bottom: 12px;
}
.dealer-name {
color: var(--text-secondary);
font-weight: 500;
font-size: 13px;
}
.card-timestamp {
color: var(--text-secondary);
font-size: 12px;
margin-top: 8px;
}
.card-link {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--link-color);
text-decoration: none;
transition: all 0.2s ease;
flex-shrink: 0;
}
.card-link:hover {
opacity: 0.7;
}
.card-link .material-symbols-outlined {
font-size: 18px;
}
.score-bubble {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 50px;
height: 40px;
border-radius: 6px;
font-weight: 700;
font-size: 12px;
flex-shrink: 0;
transition: all 0.2s ease;
padding: 0 8px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
border: none;
}
.score-bubble.positive {
background-color: rgb(34, 139, 34);
color: white;
box-shadow: 0 1px 3px rgba(34, 139, 34, 0.2);
}
html.light-theme .score-bubble.positive {
background-color: rgb(34, 139, 34);
color: white;
box-shadow: 0 1px 3px rgba(34, 139, 34, 0.2);
}
html.dark-theme .score-bubble.positive {
background-color: rgb(158, 206, 106);
color: #1a1a1a;
box-shadow: 0 1px 3px rgba(158, 206, 106, 0.2);
}
.score-bubble.negative {
background-color: rgb(247, 118, 142);
color: white;
box-shadow: 0 1px 3px rgba(247, 118, 142, 0.2);
}
.score-bubble.neutral {
background-color: var(--text-secondary);
color: var(--bg-primary);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.card-details {
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid var(--border-color);
}
.details-stats {
display: flex;
gap: 16px;
margin-bottom: 12px;
}
.stat {
display: flex;
align-items: center;
gap: 6px;
font-size: 13px;
color: var(--text-secondary);
}
.stat .material-symbols-outlined {
font-size: 18px;
}
.stat-value {
font-weight: 500;
}
.details-section {
margin-bottom: 12px;
}
.details-section strong {
display: block;
color: var(--text-primary);
margin-bottom: 4px;
font-size: 13px;
}
.details-section p {
margin: 0;
color: var(--text-secondary);
font-size: 12px;
line-height: 1.4;
word-wrap: break-word;
}
/* Mobile responsive */
@media (max-width: 768px) {
.cards-grid {
grid-template-columns: 1fr;
}
.container {
padding: 12px;
}
.search-input {
max-width: 100%;
}
}
/* Tooltip theme support */
.deal-tooltip {
pointer-events: none;
max-width: 400px;
}
.tooltip-content {
background: var(--tooltip-bg);
border: 2px solid var(--tooltip-border);
border-radius: 8px;
padding: 16px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
font-size: 13px;
color: var(--tooltip-text);
text-align: left;
transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.tooltip-header {
font-weight: bold;
font-size: 14px;
color: var(--text-primary);
margin-bottom: 8px;
white-space: normal;
word-wrap: break-word;
}
.tooltip-dealer {
font-size: 12px;
color: var(--text-secondary);
margin-bottom: 8px;
}
.tooltip-stats {
display: flex;
gap: 12px;
margin-bottom: 8px;
font-size: 12px;
color: var(--text-secondary);
}
.stat-item {
display: flex;
align-items: center;
gap: 4px;
}
.stat-item .material-symbols-outlined {
font-size: 16px;
}
.tooltip-description {
margin-bottom: 8px;
padding: 8px;
background: var(--bg-secondary);
border-left: 2px solid var(--tooltip-border);
/* Mark highlighting */
mark {
background-color: rgba(255, 193, 7, 0.3);
color: inherit;
font-weight: 600;
border-radius: 2px;
font-size: 12px;
white-space: normal;
word-wrap: break-word;
max-height: 60px;
overflow-y: auto;
color: var(--text-primary);
}
.tooltip-first-post {
margin-bottom: 8px;
padding: 8px;
background: var(--bg-secondary);
border-left: 2px solid var(--tooltip-border);
html.dark-theme mark {
background-color: rgba(255, 193, 7, 0.4);
color: inherit;
font-weight: 600;
border-radius: 2px;
font-size: 12px;
white-space: normal;
word-wrap: break-word;
max-height: 60px;
overflow-y: auto;
color: var(--text-primary);
}
.tooltip-times {
font-size: 11px;
color: var(--text-secondary);
border-top: 1px solid var(--border-color);
padding-top: 8px;
margin-top: 8px;
}

View File

@@ -1,7 +1,6 @@
// Plugins
import Components from "unplugin-vue-components/vite";
import Vue from "@vitejs/plugin-vue";
import Vuetify, { transformAssetUrls } from "vite-plugin-vuetify";
// Utilities
import { defineConfig } from "vite";
@@ -10,16 +9,9 @@ import { fileURLToPath, URL } from "node:url";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
Vue({
template: { transformAssetUrls },
}),
Vuetify(),
Vue(),
Components(),
],
optimizeDeps: {
exclude: ["vuetify"],
include: ["axios", "vue-router", "vue-loading-overlay"],
},
define: { "process.env": {} },
resolve: {
alias: {
@@ -54,7 +46,6 @@ export default defineConfig({
rollupOptions: {
output: {
manualChunks: {
"vuetify": ["vuetify"],
"vendor": ["axios", "dayjs", "vue-router", "vue-loading-overlay"],
},
chunkFileNames: "js/[name].[hash].js",
@@ -76,4 +67,4 @@ export default defineConfig({
chunkSizeWarningLimit: 1000,
reportCompressedSize: true,
},
});
});