Run linter autofix to fix order and notation

components/FormablePage.vue

@@ -12,7 +12,7 @@
       <iframe
         id="123formbuilder"
         allowTransparency="true"
-        style="min-height: 300px; height: inherit; overflow: auto;"
+        style="min-height: 300px; height: inherit; overflow: auto"
         width="100%"
         name="123formbuilder"
         marginwidth="0"

components/slices/PageBanner.vue

@@ -105,7 +105,7 @@ export default {
       this.$modal.show('videoModal')
     },
     isVideo(link) {
-      return link?.['banner_link_url']?.url?.includes('pix-videos/')
+      return link?.banner_link_url?.url?.includes('pix-videos/')
     },
     videoClass(link) {
       return this.isVideo(link)

components/slices/PageSection.vue

@@ -70,10 +70,10 @@ export default {
       return this.slice?.primary?.description
     },
     buttonLink() {
-      return this.slice?.primary?.['button_link']
+      return this.slice?.primary?.button_link
     },
     buttonText() {
-      return this.slice?.primary?.['button_title']
+      return this.slice?.primary?.button_title
     },
     hasImage() {
       return this.image && this.image.url

components/slices/Process.vue

@@ -40,11 +40,11 @@
 </template>
 
 <script>
+import PixImage from '@/components/PixImage'
 import {
   EXTRA_LARGE_SCREEN_MIN_WIDTH,
   DESKTOP_MIN_WIDTH,
 } from '~/config/breakpoints'
-import PixImage from '@/components/PixImage'
 
 export default {
   name: 'ProcessSlice',

pages/pix-pro/_custom-page.vue

@@ -13,10 +13,10 @@
 </template>
 
 <script>
-import { documentFetcher } from '~/services/document-fetcher'
 import FormPage from '@/components/FormPage'
 import SimplePage from '@/components/SimplePage'
 import SliceZone from '@/components/SliceZone'
+import { documentFetcher } from '~/services/document-fetcher'
 
 export default {
   name: 'CustomPage',
@@ -46,14 +46,6 @@ export default {
       error({ statusCode: 404, message: 'Page not found' })
     }
   },
-  computed: {
-    type() {
-      return this.document.type
-    },
-    title() {
-      return this.document.data.title[0].text
-    },
-  },
   head() {
     const meta = this.$getMeta(this.meta, this.currentPagePath, this.$prismic)
 
@@ -62,6 +54,14 @@ export default {
       title: `${this.title} | Pix Pro`,
     }
   },
+  computed: {
+    type() {
+      return this.document.type
+    },
+    title() {
+      return this.document.data.title[0].text
+    },
+  },
 }
 </script>
 

pages/pix-site/_custom-page.vue

@@ -13,10 +13,10 @@
 </template>
 
 <script>
-import { documentFetcher } from '~/services/document-fetcher'
 import FormPage from '@/components/FormPage'
 import SimplePage from '@/components/SimplePage'
 import SliceZone from '@/components/SliceZone'
+import { documentFetcher } from '~/services/document-fetcher'
 
 export default {
   name: 'CustomPage',
@@ -52,6 +52,14 @@ export default {
       error({ statusCode: 404, message: 'Page not found' })
     }
   },
+  head() {
+    const meta = this.$getMeta(this.meta, this.currentPagePath, this.$prismic)
+
+    return {
+      meta,
+      title: `${this.title} | Pix`,
+    }
+  },
   computed: {
     slices() {
       const rawDocumentSlices = this.document.data.body
@@ -69,14 +77,6 @@ export default {
       return this.document.data.title[0].text
     },
   },
-  head() {
-    const meta = this.$getMeta(this.meta, this.currentPagePath, this.$prismic)
-
-    return {
-      meta,
-      title: `${this.title} | Pix`,
-    }
-  },
 }
 </script>
 

pages/pix-site/index.vue

@@ -5,8 +5,8 @@
 </template>
 
 <script>
-import { documents, documentFetcher } from '~/services/document-fetcher'
 import SliceZone from '@/components/SliceZone'
+import { documents, documentFetcher } from '~/services/document-fetcher'
 
 export default {
   components: {
@@ -36,6 +36,14 @@ export default {
       error({ statusCode: 404, message: 'Page not found' })
     }
   },
+  head() {
+    const meta = this.$getMeta(this.meta, this.currentPagePath, this.$prismic)
+    const pageTitle = this.$t('page-titles.index')
+    return {
+      title: pageTitle,
+      meta,
+    }
+  },
   computed: {
     slices() {
       return this.document.map((slice, index) => {
@@ -55,14 +63,6 @@ export default {
       })
     },
   },
-  head() {
-    const meta = this.$getMeta(this.meta, this.currentPagePath, this.$prismic)
-    const pageTitle = this.$t('page-titles.index')
-    return {
-      title: pageTitle,
-      meta,
-    }
-  },
 }
 </script>
 

pages/pix-site/legal-notices.vue

@@ -28,8 +28,8 @@
 </template>
 
 <script>
-import { documents, documentFetcher } from '~/services/document-fetcher'
 import PageSection from '@/components/slices/PageSection'
+import { documents, documentFetcher } from '~/services/document-fetcher'
 export default {
   name: 'LegalNotices',
   nuxtI18n: {

pages/pix-site/news/_slug.vue

@@ -10,8 +10,8 @@
 </template>
 
 <script>
-import { documentFetcher } from '~/services/document-fetcher'
 import NewsItemPost from '@/components/NewsItemPost'
+import { documentFetcher } from '~/services/document-fetcher'
 
 export default {
   nuxtI18n: {

pages/pix-site/news/index.vue

@@ -26,8 +26,8 @@
   </div>
 </template>
 <script>
-import { documentFetcher } from '~/services/document-fetcher'
 import NewsItemCard from '@/components/NewsItemCard'
+import { documentFetcher } from '~/services/document-fetcher'
 
 export default {
   name: 'Index',

pages/pix-site/skills.vue

@@ -24,8 +24,8 @@
 </template>
 
 <script>
-import { documents, documentFetcher } from '~/services/document-fetcher'
 import PageSection from '@/components/slices/PageSection'
+import { documents, documentFetcher } from '~/services/document-fetcher'
 export default {
   name: 'Skills',
   nuxtI18n: {