chore: upgrade nuxt

Author: krestaino

.editorconfig

@@ -0,0 +1,13 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.gitignore

@@ -1,31 +1,90 @@
-# dependencies
-node_modules
+# Created by .ignore support plugin (hsz.mobi)
+### Node template
+# Logs
+/logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
 
-# logs
-npm-debug.log
+# Optional eslint cache
+.eslintcache
 
-# Nuxt build
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
 .nuxt
 
 # Nuxt generate
 dist
 
-# IntelliJ
-.idea
+# vuepress build output
+.vuepress/dist
 
-# Visual Studio Code
-.vscode
+# Serverless directories
+.serverless
 
-# Log files
-*.log
+# IDE / Editor
+.idea
+
+# Service worker
+sw.*
 
-# OS generated files
+# Mac OSX
 .DS_Store
-.DS_Store?
-._*
-.Spotlight-V100
-.Trashes
-ehthumbs.db
-Thumbs.db
 
-.env
+# Vim swap files
+*.swp

.nvmrc

@@ -1 +1 @@
-10.18.1
+12.14.1

.prettierrc

@@ -0,0 +1,4 @@
+{
+  "semi": false,
+  "singleQuote": true
+}

README.md

@@ -1,33 +1,22 @@
-<p align="left">
-  <a href="https://travis-ci.org/krestaino/nuepress"><img src="https://travis-ci.org/krestaino/nuepress.svg?branch=master" alt="Build Status"></a>
-</p>
+# NuePress
 
-## NuePress
-
-[Nuxt.js](https://github.com/nuxt/nuxt.js) + [WordPress REST API](https://developer.wordpress.org/rest-api/)
-
-## Demo
-
-[https://nuepress.kmr.io](https://nuepress.kmr.io/)
+> Vue + WordPress
 
 ## Build Setup
 
 ```bash
 # install dependencies
-$ npm install
+$ yarn install
 
 # serve with hot reload at localhost:3000
-$ npm run dev
+$ yarn dev
 
 # build for production and launch server
-$ npm run build
-$ npm start
-
-# build for production and view the bundle analyzer report
-$ npm run analyze
+$ yarn build
+$ yarn start
 
 # generate static project
-$ npm run generate
+$ yarn generate
 ```
 
-For detailed explanation on how things work, checkout the [Nuxt.js docs](https://github.com/nuxt/nuxt.js).
+For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).

assets/css/tailwind.css

@@ -0,0 +1,3 @@
+@import 'tailwindcss/base';
+@import 'tailwindcss/components';
+@import 'tailwindcss/utilities';

assets/svg/Smile.vue

@@ -1,5 +1,11 @@
 <template>
-  <svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+  <svg
+    fill="#000000"
+    height="24"
+    viewBox="0 0 24 24"
+    width="24"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <path d="M0 0h24v24H0z" fill="none" />
     <path
       d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"

components/ArticleComments.vue

@@ -19,8 +19,8 @@
 </template>
 
 <script>
-import Spinner1 from '~/components/Spinner1';
-import VueDisqus from 'vue-disqus/VueDisqus.vue';
+import Spinner1 from '~/components/Spinner1'
+import VueDisqus from 'vue-disqus'
 
 export default {
   props: {
@@ -33,9 +33,9 @@ export default {
   data() {
     return {
       disqusReady: false
-    };
+    }
   }
-};
+}
 </script>
 
 <style lang="scss" scoped>

components/ArticleFeaturedImage.vue

@@ -5,9 +5,15 @@
       class="featured-image lazy"
       :class="{ expanded: expanded }"
     >
-      <div class="image-height" :style="{ paddingTop: featuredImageAspectRatio }"></div>
+      <div
+        class="image-height"
+        :style="{ paddingTop: featuredImageAspectRatio }"
+      ></div>
       <img v-lazy="featuredImage.source_url" />
-      <div class="featured-image-padding" :style="{ paddingTop: featuredImageAspectRatio }"></div>
+      <div
+        class="featured-image-padding"
+        :style="{ paddingTop: featuredImageAspectRatio }"
+      ></div>
     </div>
   </div>
 </template>
@@ -21,10 +27,10 @@ export default {
 
   computed: {
     featuredImageAspectRatio() {
-      return (this.featuredImage.height / this.featuredImage.width) * 100 + '%';
+      return (this.featuredImage.height / this.featuredImage.width) * 100 + '%'
     }
   }
-};
+}
 </script>
 
 <style lang="scss" scoped>

components/ArticleList.vue

@@ -15,19 +15,24 @@
         </span>
       </div>
       <nuxt-link :to="`/${article.slug}`" class="row">
-        <div class="col">
-          <div class="lazy thumbnail" v-if="article._embedded['wp:featuredmedia']">
+        <div class="col no-flex-shrink">
+          <div
+            class="lazy thumbnail"
+            v-if="article._embedded['wp:featuredmedia']"
+          >
             <img
               v-lazy="
-                article._embedded['wp:featuredmedia'][0].media_details.sizes.thumbnail.source_url
+                article._embedded['wp:featuredmedia'][0].media_details.sizes
+                  .thumbnail.source_url
               "
             />
             <Spinner1 class="spinner" />
           </div>
           <div class="lazy medium" v-if="article._embedded['wp:featuredmedia']">
             <img
               v-lazy="
-                article._embedded['wp:featuredmedia'][0].media_details.sizes.medium.source_url
+                article._embedded['wp:featuredmedia'][0].media_details.sizes
+                  .medium.source_url
               "
             />
             <Spinner1 class="spinner" />
@@ -43,7 +48,7 @@
 </template>
 
 <script>
-import Spinner1 from '~/components/Spinner1';
+import Spinner1 from '~/components/Spinner1'
 
 export default {
   components: {
@@ -55,11 +60,11 @@ export default {
   mixins: {
     shortTimestamp: Function
   }
-};
+}
 </script>
 
 <style lang="scss" scoped>
-@import '~assets/css/vars.scss';
+@import '~/assets/css/vars.scss';
 
 .article-list {
   article + article {
@@ -91,6 +96,10 @@ export default {
     }
   }
 
+  .no-flex-shrink {
+    flex-shrink: 0;
+  }
+
   .date {
     font-family: 'Roboto', sans-serif;
     font-size: 0.75rem;

components/Spinner1.vue

@@ -6,7 +6,7 @@
 </template>
 
 <style lang="scss" scoped>
-@import '~assets/css/vars.scss';
+@import '~/assets/css/vars.scss';
 
 .spinner {
   width: 40px;

components/TheFooter.vue

@@ -14,21 +14,21 @@
 export default {
   computed: {
     meta() {
-      return this.$store.state.meta;
+      return this.$store.state.meta
     },
     year() {
-      return new Date().getFullYear();
+      return new Date().getFullYear()
     }
   },
 
   mixins: {
     homeScrollTop: Function
   }
-};
+}
 </script>
 
 <style lang="scss" scoped>
-@import '~assets/css/vars.scss';
+@import '~/assets/css/vars.scss';
 
 footer {
   > div {

components/TheHeader.vue

@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import TheHeaderSearch from '~/components/TheHeaderSearch';
+import TheHeaderSearch from '~/components/TheHeaderSearch'
 
 export default {
   components: {
@@ -25,18 +25,18 @@ export default {
 
   computed: {
     meta() {
-      return this.$store.state.meta;
+      return this.$store.state.meta
     }
   },
 
   mixins: {
     homeScrollTop: Function
   }
-};
+}
 </script>
 
 <style lang="scss" scoped>
-@import '~assets/css/vars.scss';
+@import '~/assets/css/vars.scss';
 
 header {
   font-family: 'Roboto', sans-serif;
@@ -99,7 +99,7 @@ header {
       border-color: #555;
     }
 
-    &.nuxt-link-active:not(.blog-title) {
+    &.nuxt-link-active {
       padding-bottom: 4px;
       border-bottom: 2px solid;
     }