lint: Linter fixes

2023-09-19 20:11:30 +03:00
parent 0a792fc0d5
commit faa35a98a4
12 changed files with 274 additions and 180 deletions
--- a/docs/components/button/examples/ButtonLoadingExample.vue
+++ b/docs/components/button/examples/ButtonLoadingExample.vue
@@ -25,8 +25,8 @@
  </div>
 </template>
 <script lang="ts" setup>
-import {ref} from 'vue'
-import {Button} from '../../../../src/index'
+import { ref } from 'vue'
+import { Button } from '../../../../src/index'

 const loading = ref(false)
 </script>
--- a/docs/components/dropdown/examples/DropdownListGroupExample.vue
+++ b/docs/components/dropdown/examples/DropdownListGroupExample.vue
@@ -4,25 +4,43 @@
      <list-group>
        <list-group-item>
          <template #prefix>
-            <svg class="w-4 h-4 fill-current" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z" clip-rule="evenodd"></path></svg>
+            <svg class="w-4 h-4 fill-current" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+              <path
+                fill-rule="evenodd"
+                d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z"
+                clip-rule="evenodd"
+              ></path>
+            </svg>
          </template>
          Profile
        </list-group-item>
        <list-group-item>
          <template #prefix>
-            <svg class="w-4 h-4 fill-current" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 4a1 1 0 00-2 0v7.268a2 2 0 000 3.464V16a1 1 0 102 0v-1.268a2 2 0 000-3.464V4zM11 4a1 1 0 10-2 0v1.268a2 2 0 000 3.464V16a1 1 0 102 0V8.732a2 2 0 000-3.464V4zM16 3a1 1 0 011 1v7.268a2 2 0 010 3.464V16a1 1 0 11-2 0v-1.268a2 2 0 010-3.464V4a1 1 0 011-1z"></path></svg>
+            <svg class="w-4 h-4 fill-current" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M5 4a1 1 0 00-2 0v7.268a2 2 0 000 3.464V16a1 1 0 102 0v-1.268a2 2 0 000-3.464V4zM11 4a1 1 0 10-2 0v1.268a2 2 0 000 3.464V16a1 1 0 102 0V8.732a2 2 0 000-3.464V4zM16 3a1 1 0 011 1v7.268a2 2 0 010 3.464V16a1 1 0 11-2 0v-1.268a2 2 0 010-3.464V4a1 1 0 011-1z"
+              ></path>
+            </svg>
          </template>
          Settings
        </list-group-item>
        <list-group-item>
          <template #prefix>
-            <svg class="w-4 h-4 fill-current" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5 3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V5a2 2 0 00-2-2H5zm0 2h10v7h-2l-1 2H8l-1-2H5V5z" clip-rule="evenodd"></path></svg>
+            <svg class="w-4 h-4 fill-current" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+              <path fill-rule="evenodd" d="M5 3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V5a2 2 0 00-2-2H5zm0 2h10v7h-2l-1 2H8l-1-2H5V5z" clip-rule="evenodd"></path>
+            </svg>
          </template>
          Messages
        </list-group-item>
        <list-group-item>
          <template #prefix>
-            <svg class="w-4 h-4 fill-current" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M2 9.5A3.5 3.5 0 005.5 13H9v2.586l-1.293-1.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L11 15.586V13h2.5a4.5 4.5 0 10-.616-8.958 4.002 4.002 0 10-7.753 1.977A3.5 3.5 0 002 9.5zm9 3.5H9V8a1 1 0 012 0v5z" clip-rule="evenodd"></path></svg>
+            <svg class="w-4 h-4 fill-current" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+              <path
+                fill-rule="evenodd"
+                d="M2 9.5A3.5 3.5 0 005.5 13H9v2.586l-1.293-1.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L11 15.586V13h2.5a4.5 4.5 0 10-.616-8.958 4.002 4.002 0 10-7.753 1.977A3.5 3.5 0 002 9.5zm9 3.5H9V8a1 1 0 012 0v5z"
+                clip-rule="evenodd"
+              ></path>
+            </svg>
          </template>
          Download
        </list-group-item>
@@ -31,5 +49,5 @@
  </div>
 </template>
 <script setup>
-import { Dropdown, Button, ListGroup, ListGroupItem } from '../../../../src/index'
+import { Dropdown, ListGroup, ListGroupItem } from '../../../../src/index'
 </script>
--- a/docs/components/dropdown/examples/DropdownTriggerExample.vue
+++ b/docs/components/dropdown/examples/DropdownTriggerExample.vue
@@ -7,25 +7,43 @@
      <list-group>
        <list-group-item>
          <template #prefix>
-            <svg class="w-4 h-4 fill-current" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z" clip-rule="evenodd"></path></svg>
+            <svg class="w-4 h-4 fill-current" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+              <path
+                fill-rule="evenodd"
+                d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z"
+                clip-rule="evenodd"
+              ></path>
+            </svg>
          </template>
          Profile
        </list-group-item>
        <list-group-item>
          <template #prefix>
-            <svg class="w-4 h-4 fill-current" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 4a1 1 0 00-2 0v7.268a2 2 0 000 3.464V16a1 1 0 102 0v-1.268a2 2 0 000-3.464V4zM11 4a1 1 0 10-2 0v1.268a2 2 0 000 3.464V16a1 1 0 102 0V8.732a2 2 0 000-3.464V4zM16 3a1 1 0 011 1v7.268a2 2 0 010 3.464V16a1 1 0 11-2 0v-1.268a2 2 0 010-3.464V4a1 1 0 011-1z"></path></svg>
+            <svg class="w-4 h-4 fill-current" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M5 4a1 1 0 00-2 0v7.268a2 2 0 000 3.464V16a1 1 0 102 0v-1.268a2 2 0 000-3.464V4zM11 4a1 1 0 10-2 0v1.268a2 2 0 000 3.464V16a1 1 0 102 0V8.732a2 2 0 000-3.464V4zM16 3a1 1 0 011 1v7.268a2 2 0 010 3.464V16a1 1 0 11-2 0v-1.268a2 2 0 010-3.464V4a1 1 0 011-1z"
+              ></path>
+            </svg>
          </template>
          Settings
        </list-group-item>
        <list-group-item>
          <template #prefix>
-            <svg class="w-4 h-4 fill-current" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5 3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V5a2 2 0 00-2-2H5zm0 2h10v7h-2l-1 2H8l-1-2H5V5z" clip-rule="evenodd"></path></svg>
+            <svg class="w-4 h-4 fill-current" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+              <path fill-rule="evenodd" d="M5 3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V5a2 2 0 00-2-2H5zm0 2h10v7h-2l-1 2H8l-1-2H5V5z" clip-rule="evenodd"></path>
+            </svg>
          </template>
          Messages
        </list-group-item>
        <list-group-item>
          <template #prefix>
-            <svg class="w-4 h-4 fill-current" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M2 9.5A3.5 3.5 0 005.5 13H9v2.586l-1.293-1.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L11 15.586V13h2.5a4.5 4.5 0 10-.616-8.958 4.002 4.002 0 10-7.753 1.977A3.5 3.5 0 002 9.5zm9 3.5H9V8a1 1 0 012 0v5z" clip-rule="evenodd"></path></svg>
+            <svg class="w-4 h-4 fill-current" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+              <path
+                fill-rule="evenodd"
+                d="M2 9.5A3.5 3.5 0 005.5 13H9v2.586l-1.293-1.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L11 15.586V13h2.5a4.5 4.5 0 10-.616-8.958 4.002 4.002 0 10-7.753 1.977A3.5 3.5 0 002 9.5zm9 3.5H9V8a1 1 0 012 0v5z"
+                clip-rule="evenodd"
+              ></path>
+            </svg>
          </template>
          Download
        </list-group-item>
@@ -34,5 +52,5 @@
  </div>
 </template>
 <script setup>
-import { Dropdown, Button, ListGroup, ListGroupItem } from '../../../../src/index'
+import { Dropdown, ListGroup, ListGroupItem } from '../../../../src/index'
 </script>
--- a/docs/components/toastProvider/examples/ToastProviderExampleChild.vue
+++ b/docs/components/toastProvider/examples/ToastProviderExampleChild.vue
@@ -1,7 +1,14 @@
 <template>
  <div class="flex flex-col gap-2">
    <label for="ms" class="block text-sm font-medium text-gray-900 dark:text-gray-400">Duration(ms)</label>
-    <input v-model.number="ms" type="number" id="ms" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" placeholder="John" required>
+    <input
+      v-model.number="ms"
+      type="number"
+      id="ms"
+      class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+      placeholder="John"
+      required
+    />
    <div class="flex gap-2">
      <Button @click="() => add('success')" color="green">success</Button>
      <Button @click="() => add('warning')" color="yellow">warning</Button>
@@ -23,7 +30,7 @@ const ms = ref(5000)
 const toast = useToast()

 const addUpdate = () => {
-  const id = toast.add({
+  toast.add({
    time: parseInt(ms.value) || 0,
    text: 'A new software version is available for download.',
    component: shallowRef(UpdateToast),
@@ -35,16 +42,14 @@ const addUpdate = () => {
 }

 const add = (type) => {
-  if(type === 'update') return addUpdate()
+  if (type === 'update') return addUpdate()
  toast.add({
    type,
    time: parseInt(ms.value) || 0,
    text: `${type} alert! Hello world!`,
  })
-
 }
 const remove = () => {
  toast.pop()
 }
-
 </script>
--- a/docs/components/tooltip/examples/TooltipTriggerExample.vue
+++ b/docs/components/tooltip/examples/TooltipTriggerExample.vue
@@ -10,9 +10,7 @@
          Tooltip hover
        </button>
      </template>
-      <template #content>
-        Tooltip content
-      </template>
+      <template #content> Tooltip content </template>
    </Tooltip>
    <!-- Show tooltip on click -->
    <Tooltip trigger="click">
@@ -24,9 +22,7 @@
          Tooltip click
        </button>
      </template>
-      <template #content>
-        Tooltip content
-      </template>
+      <template #content> Tooltip content </template>
    </Tooltip>
  </div>
 </template>
@@ -36,14 +32,14 @@ import { Tooltip } from '../../../../src/index'
 import type { PropType } from 'vue'
 import type { TooltipPlacement } from '../../../../src/components/Tooltip/types'

-const props = defineProps({
-placement: {
-  type: String as PropType<TooltipPlacement>,
-  default: 'top',
-},
-arrowColor: {
+defineProps({
+  placement: {
+    type: String as PropType<TooltipPlacement>,
+    default: 'top',
+  },
+  arrowColor: {
    type: String,
    default: '#0f172a',
-},
+  },
 })
 </script>