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>

components/network/Node.vue

@@ -1,8 +1,14 @@
 <template>
    <g v-tooltip="$t(`network.node_type.${node.type.toLowerCase()}`)">
       <circle v-if="isCircle" :r="config.radius * scale" :fill="color" />
-      <rect v-else :height="config.height * scale" :width="config.width * scale" :x="config.height * scale * -0.5"
-         :y="config.width * scale * -0.5" :fill="color" />
+      <rect
+         v-else
+         :height="config.height * scale"
+         :width="config.width * scale"
+         :x="config.height * scale * -0.5"
+         :y="config.width * scale * -0.5"
+         :fill="color"
+      />
       <component :is="icon" v-if="icon" v-svg-size="{ ...config, scale: scale * 0.6 }" />
       <text :x="0" y="3em" :font-size="9 * scale" text-anchor="middle" fill="#FFF">
          {{ node.name }}
@@ -47,4 +53,4 @@ const isCircle = computed(() => props.node.type !== 'Tale')
 
 const color = computed(() => `var(--${colors[props.node.type]})`)
 const icon = computed(() => icons[props.node.type])
-</script>
+</script>

components/paginated/Filter.vue

@@ -34,4 +34,4 @@ function update(raw: RawTimestampFilter<TimestampFilter>) {
    const transformed = transformFilter(raw)
    emit('update:modelValue', transformed)
 }
-</script>
+</script>