[CodeFactor] Apply fixes

Author: code-factor

components/Checkout/constants/BILLING_FIELDS.js

@@ -1,35 +1,35 @@
-import { object, string, number } from 'yup'
+import { object, string, number } from "yup";
 
 export const BILLING_FIELDS = [
   {
-    inputId: 'firstName',
-    label: 'First name',
+    inputId: "firstName",
+    label: "First name",
   },
   {
-    inputId: 'lastName',
-    label: 'Last name',
+    inputId: "lastName",
+    label: "Last name",
   },
   {
-    inputId: 'address1',
-    label: 'Address',
+    inputId: "address1",
+    label: "Address",
   },
   {
-    inputId: 'postcode',
-    label: 'Postcode',
+    inputId: "postcode",
+    label: "Postcode",
   },
   {
-    inputId: 'city',
-    label: 'City',
+    inputId: "city",
+    label: "City",
   },
   {
-    inputId: 'email',
-    label: 'Email',
+    inputId: "email",
+    label: "Email",
   },
   {
-    inputId: 'phone',
-    label: 'Phone',
+    inputId: "phone",
+    label: "Phone",
   },
-]
+];
 
 export const BILLING_SCHEMA = object().shape({
   firstName: string().required(),
@@ -39,4 +39,4 @@ export const BILLING_SCHEMA = object().shape({
   city: string().required(),
   email: string().required().email(),
   phone: number().required().moreThan(11_111_111),
-})
+});

nuxt.config.ts

@@ -1,18 +1,18 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 
-import { defineNuxtConfig } from 'nuxt/config'
+import { defineNuxtConfig } from "nuxt/config";
 
 export default defineNuxtConfig({
   ssr: true,
   components: true,
-  css: ['~/assets/css/main.css', '~/assets/css/animate.min.css'],
+  css: ["~/assets/css/main.css", "~/assets/css/animate.min.css"],
   modules: [
-    '@pinia/nuxt',
-    '@nuxtjs/apollo',
-    '@formkit/nuxt',
-    '@nuxtjs/algolia',
+    "@pinia/nuxt",
+    "@nuxtjs/apollo",
+    "@formkit/nuxt",
+    "@nuxtjs/algolia",
   ],
-  plugins: ['~/plugins/apollo'],
+  plugins: ["~/plugins/apollo"],
   runtimeConfig: { public: { graphqlURL: process.env.PUBLIC_GRAPHQL_URL } },
   postcss: {
     plugins: {
@@ -22,31 +22,31 @@ export default defineNuxtConfig({
   },
   app: {
     head: {
-      charset: 'utf-16',
-      viewport: 'width=500, initial-scale=1',
-      meta: [{ name: 'description', content: 'Nuxt 3 - Woocommerce' }],
+      charset: "utf-16",
+      viewport: "width=500, initial-scale=1",
+      meta: [{ name: "description", content: "Nuxt 3 - Woocommerce" }],
     },
     // global transition
-    pageTransition: { name: 'page', mode: 'out-in' },
-    layoutTransition: { name: 'layout', mode: 'out-in' },
+    pageTransition: { name: "page", mode: "out-in" },
+    layoutTransition: { name: "layout", mode: "out-in" },
   },
   algolia: {
     apiKey: process.env.ALGOLIA_SEARCH_API_KEY,
     applicationId: process.env.ALGOLIA_APPLICATION_ID,
-    instantSearch: { theme: 'algolia' },
+    instantSearch: { theme: "algolia" },
   },
   apollo: {
-    authType: 'Session',
-    authHeader: 'woocommerce-session',
-    tokenStorage: 'cookie',
-    tokenName: 'woocommerce-session',
+    authType: "Session",
+    authHeader: "woocommerce-session",
+    tokenStorage: "cookie",
+    tokenName: "woocommerce-session",
     clients: {
       default: {
         httpEndpoint: process.env.PUBLIC_GRAPHQL_URL,
         httpLinkOptions: {
-          credentials: 'include',
+          credentials: "include",
         },
       },
     },
   },
-})
+});

nuxt3/components/Checkout/constants/BILLING_FIELDS.js

@@ -1,35 +1,35 @@
-import { object, string, number } from 'yup'
+import { object, string, number } from "yup";
 
 export const BILLING_FIELDS = [
   {
-    inputId: 'firstName',
-    label: 'First name',
+    inputId: "firstName",
+    label: "First name",
   },
   {
-    inputId: 'lastName',
-    label: 'Last name',
+    inputId: "lastName",
+    label: "Last name",
   },
   {
-    inputId: 'address1',
-    label: 'Address',
+    inputId: "address1",
+    label: "Address",
   },
   {
-    inputId: 'postcode',
-    label: 'Postcode',
+    inputId: "postcode",
+    label: "Postcode",
   },
   {
-    inputId: 'city',
-    label: 'City',
+    inputId: "city",
+    label: "City",
   },
   {
-    inputId: 'email',
-    label: 'Email',
+    inputId: "email",
+    label: "Email",
   },
   {
-    inputId: 'phone',
-    label: 'Phone',
+    inputId: "phone",
+    label: "Phone",
   },
-]
+];
 
 export const BILLING_SCHEMA = object().shape({
   firstName: string().required(),
@@ -39,4 +39,4 @@ export const BILLING_SCHEMA = object().shape({
   city: string().required(),
   email: string().required().email(),
   phone: number().required().moreThan(11_111_111),
-})
+});

nuxt3/nuxt.config.ts

@@ -1,18 +1,18 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 
-import { defineNuxtConfig } from 'nuxt/config'
+import { defineNuxtConfig } from "nuxt/config";
 
 export default defineNuxtConfig({
   ssr: true,
   components: true,
-  css: ['~/assets/css/main.css', '~/assets/css/animate.min.css'],
+  css: ["~/assets/css/main.css", "~/assets/css/animate.min.css"],
   modules: [
-    '@pinia/nuxt',
-    '@nuxtjs/apollo',
-    '@formkit/nuxt',
-    '@nuxtjs/algolia',
+    "@pinia/nuxt",
+    "@nuxtjs/apollo",
+    "@formkit/nuxt",
+    "@nuxtjs/algolia",
   ],
-  plugins: ['~/plugins/apollo'],
+  plugins: ["~/plugins/apollo"],
   runtimeConfig: { public: { graphqlURL: process.env.PUBLIC_GRAPHQL_URL } },
   postcss: {
     plugins: {
@@ -22,31 +22,31 @@ export default defineNuxtConfig({
   },
   app: {
     head: {
-      charset: 'utf-16',
-      viewport: 'width=500, initial-scale=1',
-      meta: [{ name: 'description', content: 'Nuxt 3 - Woocommerce' }],
+      charset: "utf-16",
+      viewport: "width=500, initial-scale=1",
+      meta: [{ name: "description", content: "Nuxt 3 - Woocommerce" }],
     },
     // global transition
-    pageTransition: { name: 'page', mode: 'out-in' },
-    layoutTransition: { name: 'layout', mode: 'out-in' },
+    pageTransition: { name: "page", mode: "out-in" },
+    layoutTransition: { name: "layout", mode: "out-in" },
   },
   algolia: {
     apiKey: process.env.ALGOLIA_SEARCH_API_KEY,
     applicationId: process.env.ALGOLIA_APPLICATION_ID,
-    instantSearch: { theme: 'algolia' },
+    instantSearch: { theme: "algolia" },
   },
   apollo: {
-    authType: 'Session',
-    authHeader: 'woocommerce-session',
-    tokenStorage: 'cookie',
-    tokenName: 'woocommerce-session',
+    authType: "Session",
+    authHeader: "woocommerce-session",
+    tokenStorage: "cookie",
+    tokenName: "woocommerce-session",
     clients: {
       default: {
         httpEndpoint: process.env.PUBLIC_GRAPHQL_URL,
         httpLinkOptions: {
-          credentials: 'include',
+          credentials: "include",
         },
       },
     },
   },
-})
+});

nuxt3/plugins/apollo.js

@@ -3,21 +3,21 @@ import {
   ApolloLink,
   InMemoryCache,
   ApolloClient,
-} from '@apollo/client/core'
+} from "@apollo/client/core";
 
-import { provideApolloClient } from '@vue/apollo-composable'
+import { provideApolloClient } from "@vue/apollo-composable";
 
 export default defineNuxtPlugin((nuxtApp) => {
-  const cookie = useCookie('woo-session', {
+  const cookie = useCookie("woo-session", {
     maxAge: 86_400,
-    sameSite: 'none',
+    sameSite: "none",
     secure: true,
-  })
-  const config = useRuntimeConfig()
+  });
+  const config = useRuntimeConfig();
 
   const httpLink = createHttpLink({
     uri: config.graphqlURL,
-  })
+  });
 
   const middleware = new ApolloLink((operation, forward) => {
     /**
@@ -27,46 +27,46 @@ export default defineNuxtPlugin((nuxtApp) => {
     if (process.client && cookie.value) {
       operation.setContext(() => ({
         headers: {
-          'woocommerce-session': `Session ${cookie.value}`,
+          "woocommerce-session": `Session ${cookie.value}`,
         },
-      }))
+      }));
     }
 
-    return forward(operation)
-  })
+    return forward(operation);
+  });
 
   const afterware = new ApolloLink((operation, forward) =>
     forward(operation).map((response) => {
       /**
        * Check for session header and update session in local storage accordingly.
        */
-      const context = operation.getContext()
+      const context = operation.getContext();
 
       const {
         response: { headers },
-      } = context
+      } = context;
 
-      const session = headers.get('woocommerce-session') || cookie.value
+      const session = headers.get("woocommerce-session") || cookie.value;
 
       if (process.client && session) {
-        cookie.value = session
+        cookie.value = session;
       }
-      return response
+      return response;
     })
-  )
+  );
 
   // Cache implementation
-  const cache = new InMemoryCache()
+  const cache = new InMemoryCache();
 
   // Create the apollo client
   const apolloClient = new ApolloClient({
     link: middleware.concat(afterware.concat(httpLink)),
     cache,
-  })
+  });
 
-  provideApolloClient(apolloClient)
+  provideApolloClient(apolloClient);
 
-  nuxtApp.hook('apollo:auth', ({ token }) => {
-    token.value = cookie.value
-  })
-})
+  nuxtApp.hook("apollo:auth", ({ token }) => {
+    token.value = cookie.value;
+  });
+});