Add and configure prettier

Added and configured prettier in the codebase

8 files changed, 87 insertions, 98 deletions

diff --git a/content/frontend/bundles/404.js b/content/frontend/bundles/404.js
index 6336f4b7..41845bdb 100644
--- a/content/frontend/bundles/404.js
+++ b/content/frontend/bundles/404.js
@@ -1,12 +1,11 @@
-document.addEventListener(
-  'DOMContentLoaded',
-  () => {
-      const { environment, offlineVersions, archivesPath } = document.getElementById('offline-versions').dataset;
-      const location = window.location.href;
-      const isOffline = offlineVersions.split(',').find(version => location.includes(version));
+document.addEventListener('DOMContentLoaded', () => {
+  const { environment, offlineVersions, archivesPath } = document.getElementById(
+    'offline-versions',
+  ).dataset;
+  const location = window.location.href;
+  const isOffline = offlineVersions.split(',').find(version => location.includes(version));
 
-      if(environment === 'production' && isOffline) {
-         window.location.replace(archivesPath);
-      }
+  if (environment === 'production' && isOffline) {
+    window.location.replace(archivesPath);
   }
-);
+});
diff --git a/content/frontend/bundles/archives.js b/content/frontend/bundles/archives.js
index 8b7ac218..4cd0a304 100644
--- a/content/frontend/bundles/archives.js
+++ b/content/frontend/bundles/archives.js
@@ -1,32 +1,30 @@
 import Vue from 'vue';
 import Banner from '../components/banner/banner.vue';
 
-document.addEventListener(
-  'DOMContentLoaded',
-  () => {
-    const urlParams = window.location.search;
-    const isOffline = urlParams.includes('?offline');
+document.addEventListener('DOMContentLoaded', () => {
+  const urlParams = window.location.search;
+  const isOffline = urlParams.includes('?offline');
 
-    // eslint-disable-next-line no-new
-    new Vue({
-      el: '#js-banner',
-      components: {
-        Banner,
-      },
-      render(createElement) {
-        return createElement(Banner, {
-          props: {
-            text: 'You attempted to view an older version of the documentation that is no longer available on this site. Please select a newer version from the menu above or access an archive listed below.',
-            show: isOffline,
+  // eslint-disable-next-line no-new
+  new Vue({
+    el: '#js-banner',
+    components: {
+      Banner,
+    },
+    render(createElement) {
+      return createElement(Banner, {
+        props: {
+          text:
+            'You attempted to view an older version of the documentation that is no longer available on this site. Please select a newer version from the menu above or access an archive listed below.',
+          show: isOffline,
+        },
+        on: {
+          toggle(isVisible) {
+            const wrapper = document.querySelector('.wrapper');
+            wrapper.classList.toggle('show-banner', isVisible);
           },
-          on: {
-            toggle(isVisible) {
-              const wrapper = document.querySelector('.wrapper');
-              wrapper.classList.toggle('show-banner', isVisible);
-            }
-          },
-        });
-      },
-    });
-  }
-);
+        },
+      });
+    },
+  });
+});
diff --git a/content/frontend/bundles/default.js b/content/frontend/bundles/default.js
index a13a18b6..33df43ea 100644
--- a/content/frontend/bundles/default.js
+++ b/content/frontend/bundles/default.js
@@ -2,45 +2,42 @@ import Vue from 'vue';
 import NavigationToggle from '../components/navigation_toggle/navigation_toggle.vue';
 import VersionBanner from '../components/version_banner/version_banner.vue';
 
-document.addEventListener(
-  'DOMContentLoaded',
-  () => {
-    const versionBanner = document.querySelector('#js-version-banner');
-    const isOutdated = versionBanner.hasAttribute('data-is-outdated');
-    const { latestVersionUrl, archivesUrl } = versionBanner.dataset;
+document.addEventListener('DOMContentLoaded', () => {
+  const versionBanner = document.querySelector('#js-version-banner');
+  const isOutdated = versionBanner.hasAttribute('data-is-outdated');
+  const { latestVersionUrl, archivesUrl } = versionBanner.dataset;
 
-    // eslint-disable-next-line no-new
-    new Vue({
-      el: versionBanner,
-      components: {
-        VersionBanner,
-      },
-      render(createElement) {
-        return createElement(VersionBanner, {
-          props: { isOutdated, latestVersionUrl, archivesUrl },
-          on: {
-            toggleVersionBanner(isVisible) {
-              const wrapper = document.querySelector('.wrapper');
-              wrapper.classList.toggle('show-banner', isVisible);
-            }
+  // eslint-disable-next-line no-new
+  new Vue({
+    el: versionBanner,
+    components: {
+      VersionBanner,
+    },
+    render(createElement) {
+      return createElement(VersionBanner, {
+        props: { isOutdated, latestVersionUrl, archivesUrl },
+        on: {
+          toggleVersionBanner(isVisible) {
+            const wrapper = document.querySelector('.wrapper');
+            wrapper.classList.toggle('show-banner', isVisible);
           },
-        });
-      },
-    });
+        },
+      });
+    },
+  });
 
-    // eslint-disable-next-line no-new
-    new Vue({
-      el: '#js-nav-toggle',
-      components: {
-        NavigationToggle,
-      },
-      render(createElement) {
-        return createElement(NavigationToggle, {
-          props: {
-            targetSelector: '.nav-wrapper',
-          }
-        });
-      },
-    });
-  }
-);
+  // eslint-disable-next-line no-new
+  new Vue({
+    el: '#js-nav-toggle',
+    components: {
+      NavigationToggle,
+    },
+    render(createElement) {
+      return createElement(NavigationToggle, {
+        props: {
+          targetSelector: '.nav-wrapper',
+        },
+      });
+    },
+  });
+});
diff --git a/content/frontend/bundles/feedback.js b/content/frontend/bundles/feedback.js
index 7245b90e..628c871e 100644
--- a/content/frontend/bundles/feedback.js
+++ b/content/frontend/bundles/feedback.js
@@ -1,10 +1,7 @@
-document.addEventListener(
-  'DOMContentLoaded',
-  () => {
-    const hasCommentAnchor = window.location.hash.includes('#comment-');
+document.addEventListener('DOMContentLoaded', () => {
+  const hasCommentAnchor = window.location.hash.includes('#comment-');
 
-    if(hasCommentAnchor) {
-      window.loadDisqus();
-    }
+  if (hasCommentAnchor) {
+    window.loadDisqus();
   }
-);
+});
diff --git a/content/frontend/bundles/home.js b/content/frontend/bundles/home.js
index 286e6c57..40703593 100644
--- a/content/frontend/bundles/home.js
+++ b/content/frontend/bundles/home.js
@@ -1,8 +1,5 @@
-document.addEventListener(
-  'DOMContentLoaded',
-  () => {
-    const navBar = document.getElementById('landing-header-bar');
-    const navToggle = document.getElementById('docs-nav-toggle');
-    navToggle.addEventListener('click', () => navBar.classList.toggle('active'));
-  }
-);
+document.addEventListener('DOMContentLoaded', () => {
+  const navBar = document.getElementById('landing-header-bar');
+  const navToggle = document.getElementById('docs-nav-toggle');
+  navToggle.addEventListener('click', () => navBar.classList.toggle('active'));
+});
diff --git a/content/frontend/components/banner/banner.vue b/content/frontend/components/banner/banner.vue
index 530bc9f0..3748bf8e 100644
--- a/content/frontend/components/banner/banner.vue
+++ b/content/frontend/components/banner/banner.vue
@@ -14,8 +14,8 @@ export default {
   },
   data() {
     return {
-      isVisible: this.show
-    }
+      isVisible: this.show,
+    };
   },
   mounted() {
     this.toggleBanner(this.isVisible);
diff --git a/content/frontend/components/navigation_toggle/navigation_toggle.vue b/content/frontend/components/navigation_toggle/navigation_toggle.vue
index 2243dc87..db5ef074 100644
--- a/content/frontend/components/navigation_toggle/navigation_toggle.vue
+++ b/content/frontend/components/navigation_toggle/navigation_toggle.vue
@@ -10,12 +10,12 @@ export default {
     toggle() {
       const target = document.querySelector(this.targetSelector);
 
-      if(!target) {
+      if (!target) {
         return;
       }
 
       target.classList.toggle('active');
-    }
+    },
   },
 };
 </script>
diff --git a/content/frontend/components/version_banner/version_banner.vue b/content/frontend/components/version_banner/version_banner.vue
index 66d8fc40..41603419 100644
--- a/content/frontend/components/version_banner/version_banner.vue
+++ b/content/frontend/components/version_banner/version_banner.vue
@@ -22,13 +22,14 @@ export default {
   methods: {
     toggleVersionBanner(isVisible) {
       this.$emit('toggleVersionBanner', isVisible);
-    }
+    },
   },
 };
 </script>
 
 <template>
   <banner :show="isOutdated" @toggle="toggleVersionBanner">
-    This is <a :href="archivesUrl">archived documentation</a> for GitLab. Go to <a :href="latestVersionUrl">the latest</a>.
+    This is <a :href="archivesUrl">archived documentation</a> for GitLab. Go to
+    <a :href="latestVersionUrl">the latest</a>.
   </banner>
 </template>