Finish to setup data access
This commit is contained in:
parent
90c998fa41
commit
80f72e7dc9
10 changed files with 73 additions and 36 deletions
30
src/App.vue
30
src/App.vue
|
|
@ -1,23 +1,17 @@
|
|||
<script setup>
|
||||
import Home from "./views/Home.vue";
|
||||
import { useApiStore } from "./stores/api";
|
||||
<template>
|
||||
<component :is="components[data.template]" v-if="data" :data="data" />
|
||||
</template>
|
||||
|
||||
const templates = {
|
||||
home: {
|
||||
component: Home,
|
||||
query: {
|
||||
title: true,
|
||||
},
|
||||
},
|
||||
<script setup>
|
||||
import home from "./views/Home.vue";
|
||||
import { useApiStore } from "./stores/api";
|
||||
import { ref } from "vue";
|
||||
|
||||
const components = {
|
||||
home,
|
||||
};
|
||||
|
||||
const data = ref(null);
|
||||
const api = useApiStore();
|
||||
const pageTemplate = kirbyData.pageTemplate;
|
||||
const pageUri = kirbyData.pageUri;
|
||||
|
||||
api.fetchData();
|
||||
api.fetchPageData().then((res) => (data.value = res));
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<component :is="templates[pageTemplate].component" />
|
||||
</template>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue