footer

Layout.vue

@@ -1,18 +1,21 @@
 <template>
  <div class="theme-container" :class="pageClasses">
  <component :is="layout"/>
+ <ValleFooter/>
  </div>
 </template>
 
 <script>
 import Home from './layouts/Home.vue'
 import Post from './layouts/Post.vue'
+import ValleFooter from './components/ValleFooter.vue'
 
 export default {
  name: 'layout',
  components: {
  Home,
- Post
+ Post,
+ ValleFooter
  },
 
  computed: {

components/ValleFooter.vue

@@ -0,0 +1,26 @@
+<template>
+ <footer>
+ <span>
+ {{copyright}} – <a :href="$moduleMeta().url">{{$moduleMeta().name}}</a>
+ </span>
+ </footer>
+</template>
+
+<script>
+export default {
+ name: 'valle-footer',
+
+ computed: {
+ author() {
+ return this.$site.themeConfig.author
+ },
+
+ copyright() {
+ return `Copyright © ${new Date().getFullYear()} ${this.author}`
+ }
+ }
+}
+</script>
+
+<style>
+</style>

enhanceApp.js

@@ -1,6 +1,8 @@
 import { compareAsc, compareDesc } from 'date-fns'
 import { flatten } from 'lodash'
 import { md, stripMd } from './utils/index'
+//@ts-ignore
+import pkg from './package.json'
 
 export default ({ Vue, options, router, siteData: { themeConfig } }) => {
  Vue.mixin({
@@ -58,6 +60,18 @@ export default ({ Vue, options, router, siteData: { themeConfig } }) => {
  return postCollection.sort((a, b) =>
  compareDesc(a.frontmatter.date, b.frontmatter.date)
  )
+ },
+
+ $moduleMeta() {
+ const {
+ name,
+ repository: { url }
+ } = pkg
+
+ return {
+ name,
+ url
+ }
  }
  }
  })

package.json

@@ -9,7 +9,7 @@
  },
  "repository": {
  "type": "git",
- "url": "git+https://github.com/yliaho/vuepress-theme-valle.git"
+ "url": "https://github.com/yliaho/vuepress-theme-valle.git"
  },
  "keywords": ["static-site", "blog", "vue", "vuepress"],
  "bugs": {

styles/theme.styl

@@ -7,7 +7,6 @@ html
 body
  line-height: 1.4
  height: initial;
- // font-family: CamphorPro-Regular
 
 a
  text-decoration: none