fix: downgrade prettier to 1.14.3

packages/website/components/Footer.vue

@@ -1,34 +1,30 @@
 <template>
   <div class="py-8">
     <div
-      class="flex flex-col-reverse lg:flex-row lg:items-center lg:justify-between px-8"
-    >
+      class="flex flex-col-reverse lg:flex-row lg:items-center lg:justify-between px-8">
       <small class="block text-sm text-center text-grey-dark lg:text-left">
         <p class="mb-2">
           {{ $t('footer.prefix') }}
           <a
             :href="$t('footer.link')"
             target="_blank"
-            rel="noopener">Bazzite</a
-          >.
+            rel="noopener">Bazzite</a>.
         </p>
 
         <p>{{ $t('footer.copyright') }}</p>
       </small>
       <div class="mb-4 lg:mb-0">
         <div
-          class="flex flex-col lg:flex-row lg:items-center text-center lg:text-right"
-        >
+          class="flex flex-col lg:flex-row lg:items-center text-center lg:text-right">
           <nuxt-link
             v-for="locale in $i18n.locales"
             v-if="locale.code !== $i18n.locale"
             :key="locale.code"
             :to="switchLocalePath(locale.code)"
-            class="link"
-          >{{ locale.name }}</nuxt-link>
+            class="link">{{ locale.name }}</nuxt-link>
 
-          <nuxt-link 
-            :to="localePath('support')" 
+          <nuxt-link
+            :to="localePath('support')"
             class="link">{{ $t('support.title') }}</nuxt-link>
 
           <a
@@ -37,8 +33,7 @@
             :href="link.url"
             target="_blank"
             rel="noopener"
-            class="link"
-          >
+            class="link">
             {{ link.title }}
           </a>
         </div>

packages/website/components/Navbar.vue

@@ -1,31 +1,27 @@
 <template>
   <nav
     :class="mode"
-    class="flex items-center justify-between flex-wrap bg-white p-6 py-2"
-  >
+    class="flex items-center justify-between flex-wrap bg-white p-6 py-2">
     <div class="flex items-center flex-no-shrink mr-6">
       <nuxt-link :to="localePath('index')">
         <img
           v-if="mode === 'dark'"
           :height="1049 / 2.5"
           :width="363 / 2.5"
           src="~/assets/img/logo-light.svg"
-          alt="Statusfy Logo"
-        >
+          alt="Statusfy Logo">
         <img
           v-else
           :height="1049 / 2.5"
           :width="363 / 2.5"
           src="~/assets/img/logo.svg"
-          alt="Statusfy Logo"
-        >
+          alt="Statusfy Logo">
       </nuxt-link>
     </div>
     <div class="block lg:hidden">
       <button
         class="menu-toggler flex items-center px-3 py-2 border-2 rounded text-blue border-blue focus:outline-none hover:text-black hover:border-black"
-        @click="showMenu = !showMenu"
-      >
+        @click="showMenu = !showMenu">
         <span v-if="!showMenu">{{ $t('menu') }}</span>
         <svgicon
           v-else
@@ -36,8 +32,7 @@
     </div>
     <transition
       enter-active-class="animated zoomIn"
-      leave-active-class="animated zoomOut"
-    >
+      leave-active-class="animated zoomOut">
       <div
         :key="showMenu"
         :class="{
@@ -51,8 +46,7 @@
           // Global Message
           'global-message': $t('globalMessage') && $t('globalMessage') !== ''
         }"
-        class="menu-container"
-      >
+        class="menu-container">
         <div class="text-sm lg:flex-grow px-4">
           <a
             :href="$t('links.documentation.url')"
@@ -88,17 +82,15 @@
             :title="$t('links.github.title')"
             class="menu-item mt-4 lg:mt-0"
             target="_blank"
-            rel="noopener"
-          >
+            rel="noopener">
             <svgicon
               name="fortawesome/github-brands"
               class="svg-inline--fa fa-w-16"
             />
           </a>
           <a
             :href="$t('links.getStarted.url')"
-            class="btn-get-started btn btn-blue mt-4 lg:mt-0"
-          >
+            class="btn-get-started btn btn-blue mt-4 lg:mt-0">
             {{ $t('links.getStarted.title') }}
           </a>
         </div>

packages/website/components/blog/ArticleCard.vue

@@ -1,27 +1,23 @@
 <template>
   <article
-    class="bg-white shadow hover:shadow-md p-8 mb-4 rounded leading-tight relative"
-  >
+    class="bg-white shadow hover:shadow-md p-8 mb-4 rounded leading-tight relative">
     <h2 class="text-2xl font-semibold leading-none">
       <nuxt-link
         :to="localePath({ name: 'blog-slug', params: { slug: post.slug } })"
-        class="text-black"
-      >
+        class="text-black">
         {{ post.title }}
       </nuxt-link>
     </h2>
 
     <p
       class="my-4 text-lg text-grey-darkest font-open-sans"
-      v-html="post.description"
-    />
+      v-html="post.description"/>
 
     <AuthorCard :post="post" />
 
     <nuxt-link
       :to="localePath({ name: 'blog-slug', params: { slug: post.slug } })"
-      class="absolute pin overflow-hidden whitespace-no-wrap text-transparent hover:text-transparent z-0"
-    >
+      class="absolute pin overflow-hidden whitespace-no-wrap text-transparent hover:text-transparent z-0">
       {{ $t('blog.readMore') }}
     </nuxt-link>
   </article>

packages/website/components/blog/AuthorCard.vue

@@ -2,17 +2,15 @@
   <div>
     <div
       v-if="mode === 'simple'"
-      class="flex flex-wrap items-center text-grey-darker"
-    >
+      class="flex flex-wrap items-center text-grey-darker">
       <img
         :src="post.author.avatar"
         class="rounded-full w-10 h-10" >
       <span class="ml-4 font-semibold relative z-10">
         <a
           :href="`https://www.bazzite.com/blog/author/${post.author.username}`"
           target="_blank"
-          rel="noopener"
-        >
+          rel="noopener">
           {{ post.author.first_name }} {{ post.author.last_name }}
         </a>
       </span>
@@ -21,20 +19,16 @@
     </div>
     <div
       v-else-if="mode === 'advanced'"
-      class="flex flex-wrap flex-col items-center justify-center text-grey-darker sm:justify-start sm:flex-row"
-    >
+      class="flex flex-wrap flex-col items-center justify-center text-grey-darker sm:justify-start sm:flex-row">
       <img
         :src="post.author.avatar"
         class="rounded-full w-12 h-12" >
       <div class="flex flex-col mx-4 mt-2">
         <span class="font-semibold mb-1 text-center sm:text-left">
           <a
-            :href="
-              `https://www.bazzite.com/blog/author/${post.author.username}`
-            "
+            :href="`https://www.bazzite.com/blog/author/${post.author.username}`"
             target="_blank"
-            rel="noopener"
-          >
+            rel="noopener">
             {{ post.author.first_name }} {{ post.author.last_name }}
           </a>
         </span>

packages/website/components/common/Features.vue

@@ -1,34 +1,27 @@
 <template>
   <section
     id="features"
-    :style="
-      `background-image: url(${require('~/assets/img/dividers/wave-curve.svg')});`
-    "
-    class="bg-bottom bg-repeat-x bg-black py-6 z-10"
-  >
+    :style="`background-image: url(${require('~/assets/img/dividers/wave-curve.svg')});`"
+    class="bg-bottom bg-repeat-x bg-black py-6 z-10">
     <div class="container mt-4 mb-8">
       <div class="text-center text-white mb-8">
         <h2
-          class="text-3xl sm:text-3xl font-semibold leading-none mb-4"
-        >
+          class="text-3xl sm:text-3xl font-semibold leading-none mb-4">
           {{ $t('features.title') }}
         </h2>
 
         <p
-          class="max-w-md mx-auto text-xl sm:text-2xl text-blue-darker font-normal leading-tight mb-8"
-        >
+          class="max-w-md mx-auto text-xl sm:text-2xl text-blue-darker font-normal leading-tight mb-8">
           {{ $t('features.description') }}
         </p>
       </div>
 
       <div
-        class="flex flex-wrap lg:text-center bg-white rounded my-6 shadow p-6 h-full"
-      >
+        class="flex flex-wrap lg:text-center bg-white rounded my-6 shadow p-6 h-full">
         <div
           v-for="(feature, key) in features"
           :key="key"
-          class="w-full sm:w-1/2 lg:w-1/3 px-6 py-2"
-        >
+          class="w-full sm:w-1/2 lg:w-1/3 px-6 py-2">
           <div
             :class="`text-${feature.color}`"
             class="mb-8">

packages/website/components/common/GetStarted.vue

@@ -16,16 +16,14 @@
               :href="$t('links.getStarted.url')"
               class="btn btn-blue mr-4"
               target="__blank"
-              rel="noopener"
-            >
+              rel="noopener">
               {{ $t('links.getStarted.title') }}
             </a>
             <a
               :href="$t('links.github.url')"
               class="btn btn-grey"
               target="__blank"
-              rel="noopener"
-            >
+              rel="noopener">
               {{ $t('links.github.title') }}
             </a>
           </div>

packages/website/components/common/GlobalMessage.vue

@@ -2,11 +2,9 @@
   <div
     v-if="$t('globalMessage') !== ''"
     class="bg-orange text-white text-center py-2 px-4 h-16">
-    <div
-      class="p-2 items-center leading-none flex inline-flex h-full leading-tight"
-    >
-      <div 
-        class="font-semibold mr-2 flex-auto" 
+    <div class="p-2 items-center leading-none flex inline-flex h-full leading-tight">
+      <div
+        class="font-semibold mr-2 flex-auto"
         v-html="$t('globalMessage')" />
     </div>
   </div>

packages/website/components/common/HomeCover.vue

@@ -1,37 +1,28 @@
 <template>
   <section
-    :style="
-      `background-image: url(${require('~/assets/img/dividers/inclined-line.svg')});`
-    "
-    class="h-full bg-bottom bg-repeat-x pt-2 pb-8 bg-white"
-  >
+    :style="`background-image: url(${require('~/assets/img/dividers/inclined-line.svg')});`"
+    class="h-full bg-bottom bg-repeat-x pt-2 pb-8 bg-white">
     <div class="container">
       <div
-        class="flex flex-wrap items-center justify-center text-center lg:text-left"
-      >
+        class="flex flex-wrap items-center justify-center text-center lg:text-left">
         <div class="w-full lg:w-1/3 pb-4 lg:pr-4">
           <h1
-            class="text-3xl sm:text-4xl font-semibold leading-none mb-4"
-          >
+            class="text-3xl sm:text-4xl font-semibold leading-none mb-4">
             {{ $t('slogan') }}
           </h1>
           <h2
             class="text-lg sm:text-xl text-blue-darker font-normal leading-normal mb-2"
-            v-html="$t('description')"
-          />
+            v-html="$t('description')"/>
           <div
-            class="flex flex-col sm:flex-row justify-center lg:justify-start pt-8"
-          >
+            class="flex flex-col sm:flex-row justify-center lg:justify-start pt-8">
             <a
               :href="$t('links.getStarted.url')"
-              class="btn btn-blue mb-2 sm:mb-0 sm:mr-2"
-            >
+              class="btn btn-blue mb-2 sm:mb-0 sm:mr-2">
               {{ $t('links.getStarted.title') }}
             </a>
             <button
               v-scroll-to="'#features'"
-              class="btn btn-grey mt-2 sm:mt-0 sm:ml-2"
-            >
+              class="btn btn-grey mt-2 sm:mt-0 sm:ml-2">
               {{ $t('links.learnMore.title') }}
             </button>
           </div>

packages/website/components/common/HowToUse.vue

@@ -1,33 +1,26 @@
 <template>
   <section
-    :style="
-      `background-image: url(${require('~/assets/img/dividers/bottom-triangle.svg')});`
-    "
-    class="bg-bottom bg-repeat-x py-6 z-10 bg-grey-lighter"
-  >
+    :style="`background-image: url(${require('~/assets/img/dividers/bottom-triangle.svg')});`"
+    class="bg-bottom bg-repeat-x py-6 z-10 bg-grey-lighter">
     <div class="container mt-4 mb-8">
       <div class="text-center mb-8">
         <h2
-          class="text-3xl sm:text-3xl font-semibold leading-none mb-4"
-        >
+          class="text-3xl sm:text-3xl font-semibold leading-none mb-4">
           {{ $t('howToUse.title') }}
         </h2>
 
         <p
-          class="max-w-lg mx-auto text-xl sm:text-2xl text-blue-darker font-normal leading-tight mb-8"
-        >
+          class="max-w-lg mx-auto text-xl sm:text-2xl text-blue-darker font-normal leading-tight mb-8">
           {{ $t('howToUse.description') }}
         </p>
       </div>
 
       <div
-        class="flex flex-wrap items-stretch my-6 p-6"
-      >
+        class="flex flex-wrap items-stretch my-6 p-6">
         <div
           v-for="(step, key, index) in step"
           :key="key"
-          class="w-full sm:w-full lg:w-1/4 mb-10"
-        >
+          class="w-full sm:w-full lg:w-1/4 mb-10">
           <a
             :href="$t(`howToUse.${key}.link`)"
             target="_blank"

packages/website/components/common/LatestPosts.vue

@@ -1,21 +1,16 @@
 <template>
   <section
-    :style="
-      `background-image: url(${require('~/assets/img/dividers/top-curve.svg')});`
-    "
-    class="bg-top bg-repeat-x py-6 z-10"
-  >
+    :style="`background-image: url(${require('~/assets/img/dividers/top-curve.svg')});`"
+    class="bg-top bg-repeat-x py-6 z-10">
     <div class="container mb-8">
       <div class="text-center mb-8">
         <h2
-          class="text-3xl sm:text-3xl font-semibold leading-none mb-4"
-        >
+          class="text-3xl sm:text-3xl font-semibold leading-none mb-4">
           {{ $t('blog.titleLatest') }}
         </h2>
 
         <p
-          class="text-xl sm:text-2xl text-blue-darker font-normal leading-tight mb-8"
-        >
+          class="text-xl sm:text-2xl text-blue-darker font-normal leading-tight mb-8">
           {{ $t('blog.description') }}
         </p>
       </div>

packages/website/package.json

@@ -43,7 +43,7 @@
     "eslint-config-prettier": "^3.1.0",
     "eslint-plugin-prettier": "^3.0.0",
     "lodash.pick": "^4.4.0",
-    "prettier": "^1.14.3"
+    "prettier": "1.14.3"
   },
   "engines": {
     "node": ">=8.10"