Merge pull request #49 from codewars/extract-edit-on-github

Author: kazk

.github/workflows/lint.yml

@@ -1,5 +1,9 @@
 name: Lint
-on: [pull_request]
+on:
+  push:
+    branches:
+      - master
+  pull_request:
 
 jobs:
   lint:
@@ -23,9 +27,11 @@ jobs:
           restore-keys: |
             ${{ runner.os }}-yarn-
       - run: yarn install --frozen-lockfile
-      - run: yarn format
+      - if: ${{ github.event_name == 'pull_request' }}
+        run: yarn format
       - run: yarn lint:text
       - run: yarn lint:format
-      - uses: stefanzweifel/git-auto-commit-action@v4
+      - if: ${{ github.event_name == 'pull_request' }}
+        uses: stefanzweifel/git-auto-commit-action@v4
         with:
           commit_message: Autoformat with Prettier

src/components/EditOnGitHub.vue

@@ -0,0 +1,44 @@
+<template>
+  <div class="mt-8 pt-8">
+    <a
+      :href="githubFileURL"
+      target="_blank"
+      class="flex flex-row items-center justify-center hover:underline"
+    >
+      <GithubIcon size="1x" />
+      <span class="ml-1">Edit on GitHub</span>
+    </a>
+  </div>
+</template>
+
+<static-query>
+query {
+  metadata {
+    settings {
+      repository
+    }
+  }
+}
+</static-query>
+
+<script>
+import { GithubIcon } from "vue-feather-icons";
+
+export default {
+  components: {
+    GithubIcon,
+  },
+  props: {
+    filePath: {
+      type: String,
+      required: true,
+    },
+  },
+  computed: {
+    githubFileURL() {
+      const repo = this.$static.metadata.settings.repository;
+      return `${repo}/blob/master/${this.filePath}`;
+    },
+  },
+};
+</script>

src/main.js

@@ -1,7 +1,7 @@
 // This is the main.js file. Import global CSS and scripts here.
 // The Client API can be used here. Learn more: gridsome.org/docs/client-api
 import "@/assets/styles.css";
-import DefaultLayout from "@/layouts/Default.vue";
+import DefaultLayout from "@/layouts/Default";
 
 export default function (Vue, { router, head, isClient }) {
   // Set default layout as a global component

src/pages/Glossary.vue

@@ -55,6 +55,8 @@
         </div>
       </section>
     </div>
+
+    <EditOnGitHub filePath="data/glossary.yml" />
   </Layout>
 </template>
 
@@ -90,9 +92,12 @@ query {
 <script>
 import { ExternalLinkIcon } from "vue-feather-icons";
 
+import EditOnGitHub from "@/components/EditOnGitHub";
+
 export default {
   components: {
     ExternalLinkIcon,
+    EditOnGitHub,
   },
   computed: {
     pages() {

src/templates/Language.vue

@@ -88,6 +88,8 @@
     <div class="mt-8 pt-8 lg:mt-12 lg:pt-12 border-t border-ui-border">
       <NextPrevLinks :prev="{ title: 'Languages', path: '/languages/' }" />
     </div>
+
+    <EditOnGitHub :filePath="`data/languages/${language.id}.yml`" />
   </Layout>
 </template>
 
@@ -121,10 +123,12 @@ query($id: ID!) {
 
 <script>
 import NextPrevLinks from "@/components/NextPrevLinks";
+import EditOnGitHub from "@/components/EditOnGitHub";
 
 export default {
   components: {
     NextPrevLinks,
+    EditOnGitHub,
   },
   computed: {
     language() {

src/templates/MarkdownPage.vue

@@ -15,16 +15,7 @@
           <NextPrevLinks :prev="prev" :next="next" />
         </div>
 
-        <div class="mt-8 pt-8">
-          <a
-            :href="githubFileURL"
-            target="_blank"
-            class="flex flex-row items-center justify-center hover:underline"
-          >
-            <GithubIcon size="1x" />
-            <span class="ml-1">Edit on GitHub</span>
-          </a>
-        </div>
+        <EditOnGitHub :filePath="filePath" />
       </div>
     </div>
   </Layout>
@@ -69,32 +60,26 @@ query($id: ID!) {
       }
     }
   }
-
-  metadata {
-    settings {
-      repository
-    }
-  }
 }
 </page-query>
 
 <script>
-import { GithubIcon } from "vue-feather-icons";
-
-import OnThisPage from "@/components/OnThisPage.vue";
-import NextPrevLinks from "@/components/NextPrevLinks.vue";
+import OnThisPage from "@/components/OnThisPage";
+import NextPrevLinks from "@/components/NextPrevLinks";
+import EditOnGitHub from "@/components/EditOnGitHub";
 
 export default {
   components: {
-    GithubIcon,
     OnThisPage,
     NextPrevLinks,
+    EditOnGitHub,
   },
 
   computed: {
     page() {
       return this.$page.markdownPage;
     },
+
     headings() {
       return this.page.headings.filter((h) => h.depth > 1);
     },
@@ -115,16 +100,8 @@ export default {
       return this.page.prev ? this.findLinkedPage(this.page.prev) : null;
     },
 
-    repository() {
-      return this.$page.metadata.settings.repository;
-    },
-
     filePath() {
-      return this.page.fileInfo.path;
-    },
-
-    githubFileURL() {
-      return `${this.repository}/blob/master/content/${this.filePath}`;
+      return `content/${this.page.fileInfo.path}`;
     },
   },