Start fetchdata kql

src/App.vue

@@ -1,35 +1,23 @@
-<script>
-fetchData();
+<script setup>
+import Home from "./views/Home.vue";
+import { useApiStore } from "./stores/api";
 
-function fetchData() {
-  const api = "/api/query";
+const templates = {
+  home: {
+    component: Home,
+    query: {
+      title: true,
+    },
+  },
+};
 
-  const username = import.meta.env.VITE_USERNAME;
-  const password = "Ap&216991";
+const api = useApiStore();
+const pageTemplate = kirbyData.pageTemplate;
+const pageUri = kirbyData.pageUri;
 
-  const token = btoa(`${username}:${password}`);
-
-  const headers = {
-    Authorization: `Basic ${token}`,
-  };
-
-  const request = {
-    method: "post",
-    body: JSON.stringify({
-      query: "site.title",
-    }),
-    headers,
-  };
-
-  fetch(api, request)
-    .then((response) => response.json())
-    .then((response) => {
-      console.log(response);
-    })
-    .catch((error) => {
-      console.log(error);
-    });
-}
+api.fetchData();
 </script>
 
-<template>test</template>
+<template>
+  <component :is="templates[pageTemplate].component" />
+</template>