website: upgrade vuepress 0.x to 1.x (#2828)

krrrr38 · web-flow · commit 3a61a3d7fb01 · 2022-12-19T10:02:38.000-05:00
* docs: upgrade vuepress 0.x to 1.x

* add .node-version
diff --git a/.node-version b/.node-version
@@ -0,0 +1 @@
+14.21.2
diff --git a/Makefile b/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
diff --git a/package.json b/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",
diff --git a/runatlantis.io/.vuepress/config.js b/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' }],
diff --git a/runatlantis.io/.vuepress/styles/index.styl b/runatlantis.io/.vuepress/styles/index.styl
diff --git a/runatlantis.io/.vuepress/styles/palette.styl b/runatlantis.io/.vuepress/styles/palette.styl
diff --git a/runatlantis.io/.vuepress/theme/components/Home.vue b/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
diff --git a/runatlantis.io/.vuepress/theme/index.js b/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'
+}
diff --git a/runatlantis.io/README.md b/runatlantis.io/README.md
@@ -1,5 +1,5 @@
 ---
-layout: HomeCustom
+home: true
 pageClass: home-custom
 heroImage: /hero.png
 heroText: Atlantis
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"devDependencies": {`
`3`		`- "vuepress": "^0.14.2"`
	`3`	`+ "@vuepress/plugin-google-analytics": "^1.9.7",`
	`4`	`+ "vuepress": "^1.9.7"`
`4`	`5`	`},`
`5`	`6`	`"scripts": {`
`6`	`7`	`"website:dev": "vuepress dev runatlantis.io",`