fix linting errors

Author: PssbleTrngle

.eslintrc

@@ -37,7 +37,8 @@
          }
       ],
       "import/no-named-as-default": "off",
-      "import/order": "off"
+      "import/order": "off",
+      "vue/max-attributes-per-line": "off"
    },
    "overrides": [
       {

components/LangChooser.vue

@@ -12,4 +12,4 @@ const options = computed(() =>
       else return { label: it.name ?? it.code, value: it.code }
    }),
 )
-</script>
+</script>

components/ProfileIcon.vue

@@ -5,9 +5,9 @@
 </template>
 
 <script lang="ts" setup>
-import { SelfFragment } from "~/graphql/generated";
+import { SelfFragment } from '~/graphql/generated'
 
 defineProps<{
-  account: SelfFragment
+   account: SelfFragment
 }>()
-</script>
+</script>

components/input/Account.vue

@@ -13,4 +13,4 @@ const options = computed(
       result.value?.accounts.nodes.map<FormKitOptionsItem>(it => ({ value: it.id, label: it.username ?? it.email })) ??
       [],
 )
-</script>
+</script>

components/input/Date.vue

@@ -12,6 +12,4 @@ function inputRaw(value: string, node: FormKitNode) {
 }
 </script>
 
-<style lang="scss" scoped>
-
-</style>
+<style lang="scss" scoped></style>

components/input/InputPlace.vue

@@ -14,4 +14,4 @@ const options = computed(
          label: it.name,
       })) ?? [],
 )
-</script>
+</script>

components/input/Pos.vue

@@ -1,29 +1,8 @@
 <template>
    <div class="grid grid-flow-col gap-4">
-      <FormKit
-name="x"
-validation="required"
-label="X"
-type="number"
-step="1"
-:value="floored?.x"
-/>
-      <FormKit
-name="y"
-placeholder="optional"
-label="Y"
-type="number"
-step="1"
-:value="floored?.y"
-/>
-      <FormKit
-name="z"
-validation="required"
-label="Z"
-type="number"
-step="1"
-:value="floored?.z"
-/>
+      <FormKit name="x" validation="required" label="X" type="number" step="1" :value="floored?.x" />
+      <FormKit name="y" placeholder="optional" label="Y" type="number" step="1" :value="floored?.y" />
+      <FormKit name="z" validation="required" label="Z" type="number" step="1" :value="floored?.z" />
    </div>
 </template>
 

components/input/World.vue

@@ -11,4 +11,4 @@ const { result } = useQuery(GetWorldsDocument)
 const options = computed(
    () => result.value?.worlds.map<FormKitOptionsItem>(it => ({ value: it.id, label: it.name })) ?? [],
 )
-</script>
+</script>

components/item/Icon.vue

@@ -51,4 +51,4 @@ span {
    bottom: 0;
    right: 0;
 }
-</style>
+</style>

components/map/Leaflet.vue

@@ -55,4 +55,4 @@ const background = computed(() => {
 img.leaflet-tile {
    image-rendering: pixelated;
 }
-</style>
+</style>