aboutsummaryrefslogtreecommitdiff
path: root/src/components/RepositoryHeader.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/RepositoryHeader.vue')
-rw-r--r--src/components/RepositoryHeader.vue50
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