diff options
author | HampusM <hampus@hampusmat.com> | 2021-05-24 10:49:41 +0200 |
---|---|---|
committer | HampusM <hampus@hampusmat.com> | 2021-05-24 10:49:41 +0200 |
commit | 518bd58c5aba1a6eaa645074f3ae2d780c45f6dc (patch) | |
tree | a99acd3b434422e019bc76064ad0798c8472f07d /src/components/HomeHeader.vue | |
parent | 21e52ba2fa323e8aebf291882083c1eca9f6a5af (diff) |
Restructured the whole project & added Nodemon and Concurrently
Diffstat (limited to 'src/components/HomeHeader.vue')
-rw-r--r-- | src/components/HomeHeader.vue | 39 |
1 files changed, 0 insertions, 39 deletions
diff --git a/src/components/HomeHeader.vue b/src/components/HomeHeader.vue deleted file mode 100644 index f0366a3..0000000 --- a/src/components/HomeHeader.vue +++ /dev/null @@ -1,39 +0,0 @@ -<template> - <div class="row mx-0"> - <div id="header" class="col d-flex mt-3 ms-2"> - <div class="d-inline ms-3"> - <span id="title" class="fs-1">{{ title }}</span> - <p id="about" class="mb-3 fs-4"> - {{ about }} - </p> - </div> - </div> - </div> -</template> - -<script> -import { watch, reactive, toRefs } from "vue"; - -export default { - name: "HomeHeader", - setup() - { - const state = reactive({ title: String, about: String }); - - watch(() => - { - fetch(`http://localhost:1337/api/v1/info`) - .then((res) => res.json()) - .then((data) => - { - state.title = data["data"]["title"], - state.about = data["data"]["about"] - }); - }); - - return { - ... toRefs(state) - }; - } -} -</script>
\ No newline at end of file |