Update default theme

Author: lhsazevedo

package.json

@@ -9,7 +9,9 @@
 		"build": "vuepress build src",
 		"build:docs": "vuepress build docs"
 	},
-	"dependencies": {},
+	"dependencies": {
+		"moment": "^2.24.0"
+	},
 	"devDependencies": {
 		"@vuepress/plugin-google-analytics": "^1.0.0-alpha.0",
 		"vuepress": "^1.0.0-alpha.30",

src/.vuepress/components/BlogPostPreview.vue

@@ -17,7 +17,8 @@ module.exports = {
 		logo: '/vuepress-blog-logo.png',
 		docsDir: 'src',
 		pageSize: 5,
-		startPage: 0
+		startPage: 0,
+		lastUpdated: 'Last updated'
 	},
 	plugins: [
 		[

src/.vuepress/config.js

@@ -1,3 +1,19 @@
+<template>
+  <div class="theme-default-content">
+    <div v-for="year in getYears()">
+      <div class="archive-year">{{year}}</div>
+      <div v-for="month in getMonths(year)">
+        <div class="archive-month">{{month | monthToLongName}}</div>
+        <ul class="archive-list">
+          <li v-for="(item, index) in postsByDate(year, month)" class="archive-list__item">
+            {{new Date(item.frontmatter.date).getDate()}} - <router-link :to="item.path">{{item.title}}</router-link>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
+
 <script>
 export default {
     name: 'ArchiveList',
@@ -69,22 +85,6 @@ export default {
 }
 </script>
 
-<template>
-    <div class="archive">
-        <div v-for="year in getYears()">
-            <div class="archive-year">{{year}}</div>
-            <div v-for="month in getMonths(year)">
-                <div class="archive-month">{{month | monthToLongName}}</div>
-                <ul class="archive-list">
-                    <li v-for="(item, index) in postsByDate(year, month)" class="archive-list__item">
-                        {{new Date(item.frontmatter.date).getDate()}} - <router-link :to="item.path">{{item.title}}</router-link>
-                    </li>
-                </ul>
-            </div>
-        </div>
-    </div>
-</template>
-
 <style>
 .archive-list {
 	padding: 0;