diff options
Diffstat (limited to 'packages/client/src/views/Home.vue')
| -rw-r--r-- | packages/client/src/views/Home.vue | 20 |
1 files changed, 8 insertions, 12 deletions
diff --git a/packages/client/src/views/Home.vue b/packages/client/src/views/Home.vue index 88a5429..1edafff 100644 --- a/packages/client/src/views/Home.vue +++ b/packages/client/src/views/Home.vue @@ -29,18 +29,14 @@ <script lang="ts"> import { defineComponent, Ref, ref } from "vue"; +import fetchData from "../util/fetch"; +import { formatDistance } from "date-fns"; +import { RepositorySummary } from "shared_types"; + import HomeHeader from "../components/HomeHeader.vue"; import HomeProjectsHeader from "../components/HomeProjectsHeader.vue"; import Loading from "vue-loading-overlay"; import BaseErrorMessage from "../components/BaseErrorMessage.vue"; -import fetchData from "../util/fetch"; -import { formatDistance } from "date-fns"; - -type Repository = { - name: string, - description: string, - last_updated: number | string -} export default defineComponent({ name: "Home", @@ -51,15 +47,15 @@ export default defineComponent({ BaseErrorMessage }, setup() { - const projects = ref({}); + const projects: Ref<RepositorySummary[] | null> = ref(null); const search: Ref<string | null> = ref(null); const is_loading: Ref<boolean> = ref(true); - const fetch_failed: Ref<string | null> = ref(null); + const fetch_failed: Ref<string> = ref(""); const fetchProjects = async() => { - const projects_data: Repository[] = await fetchData("repos", fetch_failed, is_loading, "projects"); + const projects_data: RepositorySummary[] = await fetchData("repos", fetch_failed, is_loading, "projects"); - projects_data.reduce((result: Repository[], project) => { + projects_data.reduce((result: RepositorySummary[], project) => { if(typeof project.last_updated === "number") { project.last_updated = formatDistance(new Date(project.last_updated * 1000), new Date(), { addSuffix: true }); result.push(project); |