From f629d7cdb3fc1fd9dcdd34948c6c88b030e7e5d9 Mon Sep 17 00:00:00 2001
From: Settel <settel@localhost>
Date: Tue, 9 Aug 2022 13:36:05 +0200
Subject: [PATCH] feat: fetch quotes from server

---
 client/src/components/CollectQuotes.vue    | 26 ++++------------------
 client/src/composables/engine.d.ts         |  6 +++++
 client/src/composables/engine/getQuotes.ts | 11 +++++++++
 client/src/composables/useEngine.ts        |  4 ++++
 4 files changed, 25 insertions(+), 22 deletions(-)
 create mode 100644 client/src/composables/engine.d.ts
 create mode 100644 client/src/composables/engine/getQuotes.ts

diff --git a/client/src/components/CollectQuotes.vue b/client/src/components/CollectQuotes.vue
index 2019878..9dd4ff3 100644
--- a/client/src/components/CollectQuotes.vue
+++ b/client/src/components/CollectQuotes.vue
@@ -5,28 +5,10 @@
 </template>
 
 <script setup lang="ts">
-const quotes = [
-  {
-    id: 1,
-    quote: 'Somna imanus it vorgenstra exa al termanum.',
-  },
-  {
-    id: 2,
-    quote: 'Kerbositus con vai quel verendenguum. Abtanosi con vai stice vermadostuos, na tum gehomo asbabasictnem orb eterum (phlegtum aka iborn).',
-  },
-  {
-    id: 3,
-    quote: 'blah! #1',
-  },
-  {
-    id: 4,
-    quote: 'blah! #2',
-  },
-  {
-    id: 5,
-    quote: 'blah! #3',
-  },
-]
+import useEngine from '@/composables/useEngine'
+const engine = useEngine()
+const quotes = await engine.getQuotes()
+console.log(quotes)
 </script>
 
 <style lang="scss">
diff --git a/client/src/composables/engine.d.ts b/client/src/composables/engine.d.ts
new file mode 100644
index 0000000..ef8784c
--- /dev/null
+++ b/client/src/composables/engine.d.ts
@@ -0,0 +1,6 @@
+export type Quote = {
+  id: string
+  quote: string
+}
+
+export type Quotes = Array<Quote>
diff --git a/client/src/composables/engine/getQuotes.ts b/client/src/composables/engine/getQuotes.ts
new file mode 100644
index 0000000..2ce9cc9
--- /dev/null
+++ b/client/src/composables/engine/getQuotes.ts
@@ -0,0 +1,11 @@
+import type { Quotes } from '@/composables/engine.d'
+import { useUserinfoStore } from "@/stores/UserinfoStore"
+
+export async function getQuotes(): Promise<Quotes> {
+  const userInfoStore = useUserinfoStore()
+  const response = await this.callApi('/api/getQuotes', {
+    g: userInfoStore.gameId,
+  })
+
+  return response.quotes
+}
diff --git a/client/src/composables/useEngine.ts b/client/src/composables/useEngine.ts
index d07d36a..a4a30da 100644
--- a/client/src/composables/useEngine.ts
+++ b/client/src/composables/useEngine.ts
@@ -2,6 +2,8 @@ import { Ref, ref } from 'vue'
 import { callApi, QueryParams } from '@/composables/engine/callApi'
 import { start, stop } from '@/composables/engine/startStop'
 import { fetchUpdate } from '@/composables/engine/fetchUpdate'
+import { getQuotes } from '@/composables/engine/getQuotes'
+import type { Quotes } from '@/composables/engine.d'
 
 interface EngineContext {
     isActive: boolean
@@ -20,6 +22,7 @@ export interface useEngine {
     start(): void
     stop(): void
     fetchUpdate(): void
+    getQuotes(): Promise<Quotes>
 }
 
 export default (): useEngine => {
@@ -41,5 +44,6 @@ export default (): useEngine => {
         start: () => start.apply(context),
         stop: () => stop.apply(context),
         fetchUpdate: () => fetchUpdate.apply(context),
+        getQuotes: () => getQuotes.apply(context),
     }
 }
\ No newline at end of file