Skip to content

Instantly share code, notes, and snippets.

@tnorthcutt
Last active September 10, 2020 17:09
Show Gist options
  • Save tnorthcutt/b683bb8af856ed020d75bfa3d7d7b803 to your computer and use it in GitHub Desktop.
Save tnorthcutt/b683bb8af856ed020d75bfa3d7d7b803 to your computer and use it in GitHub Desktop.
Gridsome commit history
<template>
<div>
<h3>Revisions</h3>
<div class="space-y-4">
<div
v-for="commit in commits"
v-bind:key="commit.sha"
class="flex border-solid border border-gray-300 p-4"
>
<img
class="my-0 h-16 w-16 rounded-full"
:src="commit.committer.avatar_url"
/>
<div class="flex flex-col px-4">
<a class="bg-none" :href="commit.html_url" target="gh-history">{{
commit.commit.message.split()[0]
}}</a
><span
>Travis Northcutt updated this on
{{ new Date(commit.commit.author.date).toLocaleDateString() }}
</span>
</div>
</div>
</div>
</div>
</template>
<script>
import fetch from "node-fetch";
export default {
props: ["path"],
data() {
return {
commits: "",
};
},
created() {
const base =
"https://api.github.com/repos/tnorthcutt/travisnorthcutt.com/commits?path=/";
fetch(base + this.path)
.then(response => response.json())
.then(commits => {
this.commits = commits;
});
},
};
</script>
<template>
<Layout>
<div class="prose mx-auto">
<h1 v-html="$page.post.title"></h1>
<div v-html="$page.post.content"></div>
<CommitHistory v-bind:path="path" />
</div>
</Layout>
</template>
<script>
export default {
metaInfo() {
return {
title: this.$page.post.title,
};
},
computed: {
path() {
return (
this.$page.post.fileInfo.directory.replace("./", "") +
"/" +
this.$page.post.fileInfo.name +
this.$page.post.fileInfo.extension
);
},
},
};
</script>
<page-query>
query ($id: ID!) {
post(id: $id) {
title
content
fileInfo {
extension
directory
name
}
}
}
</page-query>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment