chore: appy linting

Author: Diizzayy

playground/components/GithubDemo.vue

@@ -22,11 +22,17 @@
       </div>
 
       <div class="mt-4 flex flex-wrap gap-3 items-center">
-        <UButton :disabled="!githubToken" @click="getViewer">
+        <UButton
+          :disabled="!githubToken"
+          @click="getViewer"
+        >
           Load @me
         </UButton>
 
-        <UButton :disabled="!githubToken" @click="getNuxtDiscussions">
+        <UButton
+          :disabled="!githubToken"
+          @click="getNuxtDiscussions"
+        >
           Load Nuxt Discussions
         </UButton>
       </div>
@@ -71,7 +77,9 @@ const whoAmI = await useAsyncQuery({ query: queryViewer, clientId: 'github' }, {
 })
 
 watch(whoAmI.data, (data) => {
-  if (!data) { return }
+  if (!data) {
+    return
+  }
 
   output.value = data
 }, { immediate: true })
@@ -91,7 +99,9 @@ const getNuxtDiscussions = () => {
 }
 
 const setToken = () => {
-  if (!githubToken.value) { return }
+  if (!githubToken.value) {
+    return
+  }
 
   onLogin(githubToken.value, 'github')
 }

playground/components/StarlinkDemo.vue

@@ -18,8 +18,16 @@
 
     <UCard class="p-4">
       <div class="mb-4">
-        <label for="limit" class="mr-2">Limit:</label>
-        <input v-model.number="limit" class="w-10" type="number" min="1">
+        <label
+          for="limit"
+          class="mr-2"
+        >Limit:</label>
+        <input
+          v-model.number="limit"
+          class="w-10"
+          type="number"
+          min="1"
+        >
       </div>
 
       <div>

playground/components/TodosDemo.vue

@@ -10,11 +10,17 @@
           Load Todos
         </UButton>
 
-        <UButton :disabled="!subscribe" @click="createTodo">
+        <UButton
+          :disabled="!subscribe"
+          @click="createTodo"
+        >
           Create Todo
         </UButton>
 
-        <UButton :disabled="subscribe" @click="todoAdded">
+        <UButton
+          :disabled="subscribe"
+          @click="todoAdded"
+        >
           Subscribe
         </UButton>
       </div>
@@ -40,7 +46,7 @@ const { data, refresh } = await useAsyncQuery<TodoEntry[]>(gqlTodos, null, 'todo
 
 const { mutate: todoMutation } = useMutation(gqlCreateTodo, { clientId: 'todos' })
 
-function createTodo () {
+function createTodo() {
   todoMutation({
     todo: {
       text: 'Random ' + Math.floor(Math.random() * 100)
@@ -50,7 +56,7 @@ function createTodo () {
 
 const subscribe = ref(false)
 
-function todoAdded () {
+function todoAdded() {
   subscribe.value = true
 
   const { onResult, onError } = useSubscription(gqlTodoAdded, null, { clientId: 'todos' })
@@ -60,7 +66,6 @@ function todoAdded () {
   })
 
   onError((e) => {
-
     console.log(e)
   })
 }

playground/globals.d.ts

@@ -1,11 +1,13 @@
 declare module '*.gql' {
   import type { DocumentNode } from 'graphql'
+
   const Schema: DocumentNode
   export = Schema
 }
 
 declare module '*.graphql' {
   import type { DocumentNode } from 'graphql'
+
   const Schema: DocumentNode
   export = Schema
 }

playground/nuxt.config.ts

@@ -1,7 +1,7 @@
 export default defineNuxtConfig({
-  devtools: { enabled: true },
 
   modules: ['@nuxt/ui', '@nuxtjs/apollo'],
+  devtools: { enabled: true },
 
   colorMode: {
     preference: 'dark',

playground/plugins/apollo.ts

@@ -3,15 +3,16 @@ import type { ErrorResponse } from '@nuxtjs/apollo'
 export default defineNuxtPlugin((nuxtApp) => {
   // Nuxt Apollo auth hook
   nuxtApp.hook('apollo:auth', ({ client, token }) => {
-    if (client !== 'todos') { return }
+    if (client !== 'todos') {
+      return
+    }
 
     // Pass token to the `todos` client
     token.value = '<secret_token>'
   })
 
   // Nuxt Apollo error hook
   nuxtApp.hook('apollo:error', (error: ErrorResponse) => {
-     
     console.log('Apollo Error Handler', error)
   })
 })

playground/types.d.ts

@@ -1,16 +1,16 @@
 export type LaunchesT = {
   launches?: {
-    id: number,
+    id: number
     details: string
     mission_name: string
     launch_year: number
     launch_success: boolean
     links: {
-      article_link: string,
+      article_link: string
       flickr_images: string[]
-    },
+    }
     rocket: {
-      rocket_name:string
+      rocket_name: string
       rocket_type: string
     }
   }

src/module.ts

@@ -41,7 +41,7 @@ export default defineNuxtModule<ModuleOptions>({
     },
     clientAwareness: false
   },
-  async setup (options, nuxt) {
+  async setup(options, nuxt) {
     if (!options.clients || !Object.keys(options.clients).length) {
       logger.warn('No apollo clients configured.')
       return
@@ -62,7 +62,7 @@ export default defineNuxtModule<ModuleOptions>({
     const clients: Record<string, ClientConfig> = {}
     const configPaths: Record<string, string> = {}
 
-    async function prepareClients () {
+    async function prepareClients() {
       // eslint-disable-next-line prefer-const
       for (let [k, v] of Object.entries(options.clients || {})) {
         if (typeof v === 'string') {
@@ -75,14 +75,18 @@ export default defineNuxtModule<ModuleOptions>({
           }
 
           v = resolvedConfig
-          if (!configPaths[k]) { configPaths[k] = path }
+          if (!configPaths[k]) {
+            configPaths[k] = path
+          }
         }
 
         v.authType = (v?.authType === undefined ? options.authType : v?.authType) || null
         v.authHeader = v?.authHeader || options.authHeader
         v.tokenName = v?.tokenName || `apollo:${k}.token`
         v.tokenStorage = v?.tokenStorage || options.tokenStorage
-        if (v.cookieAttributes) { v.cookieAttributes = defu(v?.cookieAttributes, options.cookieAttributes) }
+        if (v.cookieAttributes) {
+          v.cookieAttributes = defu(v?.cookieAttributes, options.cookieAttributes)
+        }
 
         v.defaultOptions = v?.defaultOptions || options.defaultOptions
 
@@ -163,15 +167,19 @@ export default defineNuxtModule<ModuleOptions>({
       config.plugins = config.plugins || []
       config.plugins.push(GraphQLPlugin() as PluginOption)
 
-      if (!nuxt.options.dev) { config.define = { ...config.define, __DEV__: false } }
+      if (!nuxt.options.dev) {
+        config.define = { ...config.define, __DEV__: false }
+      }
     })
 
     nuxt.hook('webpack:config', (configs) => {
       for (const config of configs) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const hasGqlLoader = config.module.rules.some((rule: any) => rule?.use === 'graphql-tag/loader')
 
-        if (hasGqlLoader) { return }
+        if (hasGqlLoader) {
+          return
+        }
 
         config.module.rules.push({
           test: /\.(graphql|gql)$/,
@@ -182,7 +190,9 @@ export default defineNuxtModule<ModuleOptions>({
     })
 
     nuxt.hook('builder:watch', async (_event, path) => {
-      if (!Object.values(configPaths).some(p => p.includes(path))) { return }
+      if (!Object.values(configPaths).some(p => p.includes(path))) {
+        return
+      }
 
       logger.log('[@nuxtjs/apollo] Reloading Apollo configuration')