refactor(frontend): migrate stores to Composition API (#396)

* fix(deps): bump vite from 5.4.15 to 5.4.16 in /frontend (#411)

Bumps [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) from 5.4.15 to 5.4.16.
- [Release notes](https://github.com/vitejs/vite/releases)
- [Changelog](https://github.com/vitejs/vite/blob/v5.4.16/packages/vite/CHANGELOG.md)
- [Commits](https://github.com/vitejs/vite/commits/v5.4.16/packages/vite)

---
updated-dependencies:
- dependency-name: vite
  dependency-version: 5.4.16
  dependency-type: direct:development
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* feat: truncate long user notifications

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Author: shyim

api/src/db.ts

@@ -18,7 +18,7 @@ import {
     QueueInfo,
     ScheduledTask,
 } from './types';
-import type { RegistrationParsed } from '@passwordless-id/webauthn/src/types';
+import type { RegistrationJSON } from '@passwordless-id/webauthn/dist/esm/types';
 
 type LastChangelog = {
     date: Date;
@@ -141,7 +141,7 @@ export const userPasskeys = sqliteTable('user_passkeys', {
     userId: integer('userId')
         .notNull()
         .references(() => user.id),
-    key: text('key', { mode: 'json' }).notNull().$type<RegistrationParsed>(),
+    key: text('key', { mode: 'json' }).notNull().$type<RegistrationJSON>(),
     createdAt: integer('created_at', { mode: 'timestamp' }).notNull(),
 });
 

api/src/object/ShopScrape.ts

@@ -231,13 +231,25 @@ export class ShopScrape implements DurableObject {
             let error = e;
 
             if (e instanceof ApiClientRequestFailed) {
+                let body = JSON.stringify(e.response.body);
+
+                if (body.length > 50) {
+                    body = body.substring(0, 50) + '...';
+                }
+
                 error = `Request failed with status code: ${
                     e.response.statusCode
-                }: Body: ${JSON.stringify(e.response.body)}`;
+                }: Body: ${body}`;
             } else if (e instanceof ApiClientAuthenticationFailed) {
+                let body = JSON.stringify(e.response.body);
+
+                if (body.length > 50) {
+                    body = body.substring(0, 50) + '...';
+                }
+
                 error = `Authentication failed with status code: ${
                     e.response.statusCode
-                }: Body: ${JSON.stringify(e.response.body)}`;
+                }: Body: ${body}`;
             }
 
             await Shops.notify(

frontend/components.d.ts

@@ -1,10 +1,11 @@
 /* eslint-disable */
-/* prettier-ignore */
 // @ts-nocheck
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
+// biome-ignore lint: disable
 export {}
 
+/* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
     Alert: typeof import('./src/components/layout/Alert.vue')['default']

frontend/package.json

@@ -2,7 +2,7 @@
     "name": "shopmon-frontend",
     "private": true,
     "version": "0.0.0",
-    "packageManager": "pnpm@8.14.0",
+    "packageManager": "pnpm@10.5.2",
     "scripts": {
         "dev": "vite --port 3000 --host",
         "dev:local": "SHOPMON_API_URL=http://127.0.0.1:5789 vite --port 3000 --host",
@@ -12,38 +12,38 @@
         "wrangler": "wrangler"
     },
     "dependencies": {
-        "@headlessui/vue": "1.7.16",
+        "@headlessui/vue": "1.7.23",
         "@passwordless-id/webauthn": "^2.2.0",
-        "@tailwindcss/forms": "0.5.7",
-        "@trpc/client": "^10.45.1",
-        "compare-versions": "^6.1.0",
-        "fast-sort": "3.4.0",
-        "fuse.js": "^7.0.0",
-        "pinia": "2.1.7",
-        "unplugin-icons": "0.18.1",
-        "unplugin-vue-components": "0.26.0",
-        "vee-validate": "4.12.3",
-        "vue": "3.3.13",
-        "vue-router": "4.2.5",
-        "yup": "1.3.3"
+        "@tailwindcss/forms": "0.5.10",
+        "@trpc/client": "^10.45.2",
+        "compare-versions": "^6.1.1",
+        "fast-sort": "3.4.1",
+        "fuse.js": "^7.1.0",
+        "pinia": "3.0.1",
+        "unplugin-icons": "22.1.0",
+        "unplugin-vue-components": "28.4.1",
+        "vee-validate": "4.15.0",
+        "vue": "3.5.13",
+        "vue-router": "4.5.0",
+        "yup": "1.6.1"
     },
     "devDependencies": {
-        "@iconify-json/fa-brands": "^1.1.8",
-        "@iconify-json/fa6-regular": "1.1.18",
-        "@iconify-json/fa6-solid": "1.1.20",
-        "@iconify-json/ic": "1.1.17",
-        "@iconify-json/line-md": "1.1.33",
-        "@iconify-json/material-symbols": "^1.1.72",
-        "@trpc/server": "^10.45.1",
-        "@typescript-eslint/eslint-plugin": "6.15.0",
-        "@typescript-eslint/parser": "6.15.0",
-        "@vitejs/plugin-vue": "4.5.2",
-        "autoprefixer": "10.4.16",
-        "eslint": "8.56.0",
-        "eslint-plugin-vue": "9.19.2",
-        "postcss": "^8.4.35",
-        "typescript": "5.3.3",
-        "vite": "5.4.16",
-        "wrangler": "^3.28.2"
+        "@iconify-json/fa-brands": "^1.2.1",
+        "@iconify-json/fa6-regular": "1.2.3",
+        "@iconify-json/fa6-solid": "1.2.3",
+        "@iconify-json/ic": "1.2.2",
+        "@iconify-json/line-md": "1.2.5",
+        "@iconify-json/material-symbols": "^1.2.14",
+        "@trpc/server": "^10.45.2",
+        "@typescript-eslint/eslint-plugin": "8.25.0",
+        "@typescript-eslint/parser": "8.25.0",
+        "@vitejs/plugin-vue": "5.2.1",
+        "autoprefixer": "10.4.20",
+        "eslint": "9.21.0",
+        "eslint-plugin-vue": "9.32.0",
+        "postcss": "^8.5.3",
+        "typescript": "5.7.3",
+        "vite": "6.2.0",
+        "wrangler": "^3.111.0"
     }
 }