chore: Eslint fixes

This commit is contained in:
Ilya Artamonov
2022-12-14 22:25:19 +03:00
parent b6a0e125e2
commit 87b50c1fbd
8 changed files with 54 additions and 48 deletions

View File

@@ -13,7 +13,7 @@ Use this simple example of a star rating component for showing review results.
import { Rating } from 'flowbite-vue'
</script>
<template>
<Rating rating=4></Rating>
<Rating :rating="4" />
</template>
```
@@ -26,7 +26,7 @@ If you also want to show a text near the stars you can use this example as a ref
import { Rating } from 'flowbite-vue'
</script>
<template>
<Rating rating=4>
<Rating :rating="4">
<template #besideText>
<p class="ml-2 text-sm font-medium text-gray-500 dark:text-gray-400">4.95 out of 5</p>
</template>
@@ -43,16 +43,15 @@ Aggregate more results by using this example to show the amount of reviews and t
import { Rating } from 'flowbite-vue'
</script>
<template>
<Rating
rating=1
scale=1
review-text="73 reviews"
review-link="#"
<Rating
:rating="1"
:scale="1"
review-text="73 reviews"
review-link="#"
>
<template #besideText>
<p class="ml-2 text-sm font-bold text-gray-900 dark:text-white">4.95</p>
</template>
</Rating>
</template>
```
@@ -67,11 +66,11 @@ import { Rating } from 'flowbite-vue'
</script>
<template>
<!-- Small -->
<Rating size="sm" rating=4 ></Rating>
<Rating size="sm" :rating="4" />
<!-- Medium -->
<Rating size="md" rating=4></Rating>
<Rating size="md" :rating="4" />
<!-- Large -->
<Rating size="lg" rating=4></Rating>
<Rating size="lg" :rating="4" />
</template>
```