diff options
author | HampusM <hampus@hampusmat.com> | 2021-06-05 19:37:52 +0200 |
---|---|---|
committer | HampusM <hampus@hampusmat.com> | 2021-06-05 19:37:52 +0200 |
commit | 4da3272bf7893760f6710c9a1ec7de02358136e6 (patch) | |
tree | 92eb961bf20a7ef9f7c0650ba288baf512986fca /src/frontend/components/RepositoryHeader.vue | |
parent | 4e3074dfd752dd52951d300090c642aee76cfaac (diff) |
Reorganized into a monorepo, refactored the frontend again, goodbye Parcel
Diffstat (limited to 'src/frontend/components/RepositoryHeader.vue')
-rw-r--r-- | src/frontend/components/RepositoryHeader.vue | 51 |
1 files changed, 0 insertions, 51 deletions
diff --git a/src/frontend/components/RepositoryHeader.vue b/src/frontend/components/RepositoryHeader.vue deleted file mode 100644 index 39ec00d..0000000 --- a/src/frontend/components/RepositoryHeader.vue +++ /dev/null @@ -1,51 +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="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(`${window.location.protocol}//${window.location.host}/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 |