chrome: Fix linting and formatting

i18n/locales/en.ts

···
 export default {
-    atproto: {
-        desktop: {
-            instanceBy: "instance by"
-        },
-        login: {
-            resolver: {
-                using: "using:",
-                prompt: "Use a different service resolver:"
-            },
-            actions: {
-                login: "Login with ATProto",
-                logout: "Logout"
-            }
-        }
-    }
-}
+  atproto: {
+    desktop: {
+      instanceBy: 'instance by',
+    },
+    login: {
+      resolver: {
+        using: 'using:',
+        prompt: 'Use a different service resolver:',
+      },
+      actions: {
+        login: 'Login with ATProto',
+        logout: 'Logout',
+      },
+    },
+  },
+}

module.ts

···
-import {defineNuxtModule, createResolver, addComponentsDir, addPlugin} from '@nuxt/kit'
-import {registerTailwindPath} from "@owdproject/core";
+import {
+  defineNuxtModule,
+  createResolver,
+  addComponentsDir,
+  addPlugin,
+} from '@nuxt/kit'
+import { registerTailwindPath } from '@owdproject/core'
 
 export default defineNuxtModule({
-    meta: {
-        name: 'owd-app-atproto',
-    },
-    async setup(options, nuxt) {
-        const {resolve} = createResolver(import.meta.url);
+  meta: {
+    name: 'owd-app-atproto',
+  },
+  async setup(options, nuxt) {
+    const { resolve } = createResolver(import.meta.url)
 
-        {
+    {
+      // add components
 
-            // add components
+      addComponentsDir({
+        path: resolve('./runtime/components'),
+      })
+    }
 
-            addComponentsDir({
-                path: resolve("./runtime/components"),
-            })
+    {
+      // add plugins
 
-        }
+      addPlugin(resolve('./runtime/plugin'))
+    }
 
-        {
+    {
+      // configure tailwind
 
-            // add plugins
+      registerTailwindPath(
+        nuxt,
+        resolve('./runtime/components/**/*.{vue,mjs,ts}'),
+      )
+    }
 
-            addPlugin(resolve('./runtime/plugin'))
-
-        }
-
-        {
-
-            // configure tailwind
-
-            registerTailwindPath(nuxt, resolve('./runtime/components/**/*.{vue,mjs,ts}'))
-
-        }
-
-        {
-
-            // import i18n
-
-            nuxt.hook('i18n:registerModule', register => {
-                register({
-                    // langDir path needs to be resolved
-                    langDir: resolve('./i18n'),
-                    locales: [
-                        {
-                            code: 'en',
-                            file: 'locales/en.ts',
-                        },
-                    ]
-                })
-            })
+    {
+      // import i18n
 
-        }
-
+      nuxt.hook('i18n:registerModule', (register) => {
+        register({
+          // langDir path needs to be resolved
+          langDir: resolve('./i18n'),
+          locales: [
+            {
+              code: 'en',
+              file: 'locales/en.ts',
+            },
+          ],
+        })
+      })
     }
+  },
 })

runtime/app.config.ts

···
 export default {
-    id: "org.owdproject.atproto",
-    title: "Account",
-    category: "internet",
-    provides: {
-        name: "auth",
-        entry: "atproto",
-    },
-    icon: "weui:at-filled",
-    windows: {
-        account: {
-            component: () => import('./components/Window/WindowAtprotoAccount.vue'),
-            resizable: false,
-            size: {
-                width: 400,
-                height: 500
-            },
-            position: {
-                x: 400,
-                y: 240,
-                z: 0
-            },
-        }
+  id: 'org.owdproject.atproto',
+  title: 'Account',
+  category: 'internet',
+  provides: {
+    name: 'auth',
+    entry: 'atproto',
+  },
+  icon: 'weui:at-filled',
+  windows: {
+    account: {
+      component: () => import('./components/Window/WindowAtprotoAccount.vue'),
+      resizable: false,
+      size: {
+        width: 400,
+        height: 500,
+      },
+      position: {
+        x: 400,
+        y: 240,
+        z: 0,
+      },
     },
-    entries: {
-        atproto: {
-            command: "atproto"
-        },
+  },
+  entries: {
+    atproto: {
+      command: 'atproto',
     },
-    commands: {
-        atproto: (app: IApplicationController, args) => {
-            app.openWindow("account")
-        }
+  },
+  commands: {
+    atproto: (app: IApplicationController, args) => {
+      app.openWindow('account')
     },
+  },
 }

runtime/components/AtprotoDesktop/AtprotoDesktopOwner.vue

···
 <script setup lang="ts">
-import {routeAtprotoOS, routeBlueskyProfile} from "@owdproject/module-atproto/runtime/utils/utilRoute";
-import {useRuntimeConfig} from "nuxt/app"
+import {
+  routeAtprotoOS,
+  routeBlueskyProfile,
+} from '@owdproject/module-atproto/runtime/utils/utilRoute'
+import { useRuntimeConfig } from 'nuxt/app'
 
 const runtimeConfig = useRuntimeConfig()
 </script>
···
 <template>
   <div class="owd-atproto-desktop-owner text-center">
     <a :href="routeAtprotoOS('/client')" target="_blank" class="text-2xl">
-      <span class="font-light" v-text="runtimeConfig.public.atprotoDesktop.name.title"/>
-      <span class="font-bold" v-text="runtimeConfig.public.atprotoDesktop.name.affix"/>
+      <span
+        class="font-light"
+        v-text="runtimeConfig.public.atprotoDesktop.name.title"
+      />
+      <span
+        class="font-bold"
+        v-text="runtimeConfig.public.atprotoDesktop.name.affix"
+      />
     </a>
     <div
-        class="-mt-1 mb-3 opacity-30"
-        v-text="$t('atproto.desktop.instanceBy')"
+      class="-mt-1 mb-3 opacity-30"
+      v-text="$t('atproto.desktop.instanceBy')"
     />
     <div>
       <div class="inline-flex">
         <div class="flex items-center pr-2">
           <a
-              :href="routeBlueskyProfile(runtimeConfig.public.atprotoDesktop.owner.profile?.handle)"
-              target="_blank"
+            :href="
+              routeBlueskyProfile(
+                runtimeConfig.public.atprotoDesktop.owner.profile?.handle,
+              )
+            "
+            target="_blank"
           >
             <Avatar
-                shape="circle"
-                :image="runtimeConfig.public.atprotoDesktop.owner.profile?.avatar"
+              shape="circle"
+              :image="runtimeConfig.public.atprotoDesktop.owner.profile?.avatar"
             />
           </a>
         </div>
         <div
-            class="flex items-center"
-            v-text="runtimeConfig.public.atprotoDesktop.owner.profile.displayName"
+          class="flex items-center"
+          v-text="runtimeConfig.public.atprotoDesktop.owner.profile.displayName"
         />
       </div>
     </div>
···
     }
   }
 }
-</style>
+</style>

runtime/components/Window/WindowAtprotoAccount.vue

···
 <script setup lang="ts">
-import {useAtprotoAccountStore} from "@owdproject/module-atproto/runtime/stores/storeAtprotoAccount";
-import AtprotoDesktopOwner from "../AtprotoDesktop/AtprotoDesktopOwner.vue";
-import {onBeforeMount, watch} from "vue"
-import {computed} from "@vue/reactivity"
-import {useI18n} from "vue-i18n"
+import { useAtprotoAccountStore } from '@owdproject/module-atproto/runtime/stores/storeAtprotoAccount'
+import AtprotoDesktopOwner from '../AtprotoDesktop/AtprotoDesktopOwner.vue'
+import { onBeforeMount, watch } from 'vue'
+import { computed } from '@vue/reactivity'
+import { useI18n } from 'vue-i18n'
 import { useAtproto } from '#imports'
 
 const props = defineProps<{
···
 const atproto = useAtproto()
 
 const atprotoAccountStore = useAtprotoAccountStore()
-const {t} = useI18n()
+const { t } = useI18n()
 
 onBeforeMount(() => {
   if (atprotoAccountStore.isAccountLogged) {
···
   }
 })
 
-watch(() => atprotoAccountStore.account, (account) => {
-  if (atprotoAccountStore.isAccountLogged) {
-    props.window.actions.setTitleOverride(account.handle)
-  } else {
-    props.window.actions.resetTitleOverride()
-  }
-})
+watch(
+  () => atprotoAccountStore.account,
+  (account) => {
+    if (atprotoAccountStore.isAccountLogged) {
+      props.window.actions.setTitleOverride(account.handle)
+    } else {
+      props.window.actions.resetTitleOverride()
+    }
+  },
+)
 
 function onServiceResolverChange() {
   if (atprotoAccountStore.isAccountLogged) {
···
   }
 
   const customServiceResolver = window.prompt(
-      t('atproto.login.resolver.prompt'),
-      atprotoAccountStore.handleResolver
+    t('atproto.login.resolver.prompt'),
+    atprotoAccountStore.handleResolver,
   )
 
   if (customServiceResolver) {
···
 }
 
 const accountLabel = computed(() => {
-  if ((atprotoAccountStore.isAccountLogged && !atprotoAccountStore.account.avatar) || !atprotoAccountStore.isAccountLogged) {
+  if (
+    (atprotoAccountStore.isAccountLogged &&
+      !atprotoAccountStore.account.avatar) ||
+    !atprotoAccountStore.isAccountLogged
+  ) {
     return '?'
   }
 
···
 })
 
 const accountAvatar = computed(() => {
-  if (atprotoAccountStore.isAccountLogged && atprotoAccountStore.account.avatar) {
+  if (
+    atprotoAccountStore.isAccountLogged &&
+    atprotoAccountStore.account.avatar
+  ) {
     return atprotoAccountStore.account.avatar
   }
 
···
 </script>
 
 <template>
-  <Window v-bind="$props" :content="{padded: true, centered: true}">
+  <Window v-bind="$props" :content="{ padded: true, centered: true }">
     <div class="flex flex-col h-full">
-
-      <AtprotoDesktopOwner/>
+      <AtprotoDesktopOwner />
 
       <div class="owd-atproto-login flex-1 text-center">
-
         <div>
           <div>
             <Avatar
-                :label="accountLabel"
-                :image="accountAvatar"
-                size="xlarge" shape="circle"
+              :label="accountLabel"
+              :image="accountAvatar"
+              size="xlarge"
+              shape="circle"
             >
               <Skeleton
-                  v-if="atprotoAccountStore.state.fetching"
-                  width="100%" height="100%" borderRadius="50%"
+                v-if="atprotoAccountStore.state.fetching"
+                width="100%"
+                height="100%"
+                borderRadius="50%"
               />
             </Avatar>
           </div>
 
           <Button
-              v-if="!atprotoAccountStore.isAccountLogged && !atprotoAccountStore.state.fetching"
-              size="large"
-              v-text="$t('atproto.login.actions.login')"
-              @click="onSignIn"
+            v-if="
+              !atprotoAccountStore.isAccountLogged &&
+              !atprotoAccountStore.state.fetching
+            "
+            size="large"
+            v-text="$t('atproto.login.actions.login')"
+            @click="onSignIn"
           />
 
           <Button
-              v-if="atprotoAccountStore.isAccountLogged"
-              size="large"
-              v-text="$t('atproto.login.actions.logout')"
-              @click="onSignOut"
+            v-if="atprotoAccountStore.isAccountLogged"
+            size="large"
+            v-text="$t('atproto.login.actions.logout')"
+            @click="onSignOut"
           />
         </div>
-
       </div>
 
       <div class="text-center opacity-35">
-        {{ $t('atproto.login.resolver.using') }} <span
-          :class="{'cursor-pointer': !atprotoAccountStore.isAccountLogged}"
+        {{ $t('atproto.login.resolver.using') }}
+        <span
+          :class="{
+            'cursor-pointer': !atprotoAccountStore.isAccountLogged,
+          }"
           v-text="atprotoAccountStore.handleResolverHostname"
           @click="onServiceResolverChange()"
-      />
+        />
       </div>
-
     </div>
   </Window>
 </template>

runtime/plugin.ts

···
-import {defineNuxtPlugin} from "nuxt/app"
-import {defineDesktopApp} from "@owdproject/core/runtime/utils/utilDesktop"
+import { defineNuxtPlugin } from 'nuxt/app'
+import { defineDesktopApp } from '@owdproject/core/runtime/utils/utilDesktop'
 import configAppAtproto from './app.config'
 
 export default defineNuxtPlugin((nuxtApp) => {
-    nuxtApp.hook('app:created', async () => {
-        await defineDesktopApp(configAppAtproto)
-    })
+  nuxtApp.hook('app:created', async () => {
+    await defineDesktopApp(configAppAtproto)
+  })
 })