diff options
Diffstat (limited to 'src/components/RepositoryHeader.vue')
-rw-r--r-- | src/components/RepositoryHeader.vue | 50 |
1 files changed, 0 insertions, 50 deletions
diff --git a/src/components/RepositoryHeader.vue b/src/components/RepositoryHeader.vue deleted file mode 100644 index b0db4f9..0000000 --- a/src/components/RepositoryHeader.vue +++ /dev/null @@ -1,50 +0,0 @@ -<template> - <div class="row mx-0"> - <div id="header" class="col d-flex mt-3 ms-2"> - <BaseBackButton to="/" /> - <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 BaseBackButton from "./BaseBackButton"; -import { watch, reactive, toRefs } from "vue"; - -export default { - name: "RepositoryHeader", - components: { - BaseBackButton - }, - props: { - repository: { - type: String, - required: true - } - }, - setup(props) - { - const state = reactive({ title: "", about: "" }); - - watch(() => - { - fetch(`http://localhost:1337/api/v1/repos/${props.repository}`) - .then((res) => res.json()) - .then((data) => - { - state.title = data["data"]["name"]; - state.about = data["data"]["description"]; - }); - }); - - return { - ... toRefs(state) - }; - } -} -</script>
\ No newline at end of file |