jaro/flowbite-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: Eslint fixes

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

9
docs/components/rating/examples/RatingCountExample.vue
View File

@@ -1,15 +1,14 @@
<template>
<div class="vp-raw flex flex-col">
<Rating
rating=1
scale=1
review-text="73 reviews"
review-link="#"
: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>
</div>
</template>

2
docs/components/rating/examples/RatingExample.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="vp-raw flex flex-col">
<Rating rating=4></Rating>
<Rating :rating="4" />
</div>
</template>
<script setup>

6
docs/components/rating/examples/RatingStarSizesExample.vue
View File

@@ -1,11 +1,11 @@
<template>
<div class="vp-raw flex flex-col gap-5">
<!-- 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" />
</div>
</template>
<script setup>

2
docs/components/rating/examples/RatingWithTextExample.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="vp-raw flex flex-col">
<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>

21
docs/components/rating/rating.md
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>
```