chore(deps): website: upgrade vuepress 0.x to 1.x

Makefile

@@ -83,5 +83,5 @@ end-to-end-deps: ## Install e2e dependencies
 end-to-end-tests: ## Run e2e tests
 	./scripts/e2e.sh
 
-website-dev:
+website-dev: ## Run runatlantic.io on localhost:8080
 	yarn website:dev

package.json

@@ -1,6 +1,7 @@
 {
   "devDependencies": {
-    "vuepress": "^0.14.2"
+    "@vuepress/plugin-google-analytics": "^1.9.7",
+    "vuepress": "^1.9.7"
   },
   "scripts": {
     "website:dev": "vuepress dev runatlantis.io",

runatlantis.io/.vuepress/config.js

@@ -1,7 +1,9 @@
 module.exports = {
     title: 'Atlantis',
     description: 'Atlantis: Terraform Pull Request Automation',
-    ga: "UA-6850151-3",
+    plugins: [
+        ['@vuepress/google-analytics', { ga: "UA-6850151-3", }]
+    ],
     head: [
         ['link', { rel: 'icon', type: 'image/png', href: '/favicon-196x196.png', sizes: '196x196' }],
         ['link', { rel: 'icon', type: 'image/png', href: '/favicon-96x96.png', sizes: '96x96' }],

runatlantis.io/.vuepress/components/HomeCustom.vue → runatlantis.io/.vuepress/theme/components/Home.vue

@@ -192,11 +192,11 @@
   $MQMobile = 719px
   $MQMobileNarrow = 419px
 
-  @import '~@temp/override.styl' // generated from user config
-
   $homeWidth = 960px
   $buttonColor = #34be68
   $darkBackground = rgb(250, 250, 250)
+  .container
+    padding-top 3.6rem
   .home
     padding 0 2rem
     max-width $homeWidth

runatlantis.io/.vuepress/theme/index.js

@@ -0,0 +1,6 @@
+// introduce custom home with navbar
+// https://stackoverflow.com/a/60220684
+// https://vuepress.vuejs.org/theme/inheritance.html#usage
+module.exports = {
+  extend: '@vuepress/theme-default'
+}

runatlantis.io/README.md

@@ -1,5 +1,5 @@
 ---
-layout: HomeCustom
+home: true
 pageClass: home-custom
 heroImage: /hero.png
 heroText: Atlantis