Merge pull request #112 from traPtitech/feature/add-cash

Feature/add cash

Author: mumumu6

index.html

@@ -8,7 +8,7 @@
     <meta name="apple-mobile-web-app-title" content="rucQ" />
     <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="manifest" href="/manifest.json" />
+
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link

package-lock.json

@@ -16,10 +16,16 @@
   },
   "dependencies": {
     "@mdi/font": "^7.4.47",
+    "@tanstack/query-async-storage-persister": "^5.85.9",
+    "@tanstack/query-persist-client-core": "^5.85.9",
+    "@tanstack/query-sync-storage-persister": "^5.85.9",
+    "@tanstack/vue-query": "^5.59.16",
+    "@tanstack/vue-query-devtools": "^5.85.9",
     "@yeger/vue-masonry-wall": "^5.0.20",
     "axios": "^1.7.9",
     "dompurify": "^3.2.6",
     "highlight.js": "^11.11.1",
+    "localforage": "^1.10.0",
     "markdown-it": "^14.1.0",
     "marked": "^15.0.6",
     "marked-highlight": "^2.2.1",
@@ -58,7 +64,7 @@
     "sass-loader": "^16.0.5",
     "typescript": "~5.6.3",
     "vite": "^6.0.11",
-    "vite-plugin-pwa": "^0.21.1",
+    "vite-plugin-pwa": "^0.21.2",
     "vite-plugin-vue-devtools": "^7.6.8",
     "vue-tsc": "^2.1.10"
   },

package.json

@@ -1,5 +1,6 @@
 <template>
   <v-app>
     <router-view />
+    <VueQueryDevtools />
   </v-app>
 </template>

public/manifest.json

@@ -0,0 +1,33 @@
+export const meKeys = {
+  all: ['me'] as const,
+  questionGroupAnswers: (questionGroupId: number) =>
+    ['me', 'question-groups', questionGroupId, 'answers'] as const,
+}
+
+export const campKeys = {
+  all: ['camps'] as const,
+
+  lists: () => ['camps', 'list'] as const,
+  list: (filters?: string) => ['camps', 'list', filters ?? null] as const,
+
+  details: () => ['camps', 'detail'] as const,
+  detail: (id: number) => ['camps', 'detail', id] as const,
+
+  participants: (id: number) => ['camps', 'detail', id, 'participants'] as const,
+  events: (id: number) => ['camps', 'detail', id, 'events'] as const,
+  roomGroups: (id: number) => ['camps', 'detail', id, 'room-groups'] as const,
+  questionGroups: (id: number) => ['camps', 'detail', id, 'question-groups'] as const,
+  dashboard: (id: number) => ['camps', 'detail', id, 'dashboard'] as const,
+}
+
+// Icon-related keys
+export const iconKeys = {
+  all: ['icons'] as const,
+  user: (id: string) => ['icons', 'user', id] as const,
+}
+
+export const qk = {
+  me: meKeys,
+  camps: campKeys,
+  icons: iconKeys,
+}

src/App.vue

@@ -2,7 +2,7 @@
 import { computed } from 'vue'
 import MarkdownPreview from '@/components/markdown/MarkdownPreview.vue'
 import UserIcon from '@/components/generic/UserIcon.vue'
-import { getTimeStringNoPad } from '@/lib/date'
+import { getTimeStringNoPad } from '@/utility/date'
 import type { components } from '@/api/schema'
 import { useCampStore } from '@/store'
 import { useRoute } from 'vue-router'