From 2522081d91317c90871a166631bd3d1c80bba017 Mon Sep 17 00:00:00 2001
From: Yelin Zhang <30687616+Yelinz@users.noreply.github.com>
Date: Tue, 1 Aug 2023 17:55:30 +0200
Subject: [PATCH 1/2] add name attribute to input

---
 src/Stars.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/Stars.svelte b/src/Stars.svelte
index 0dfd6b0..f6891e9 100644
--- a/src/Stars.svelte
+++ b/src/Stars.svelte
@@ -1,11 +1,12 @@
 <script>
   import Star from './components/Star.svelte';
   export let config = {
-		readOnly: false,
+    readOnly: false,
     countStars: 5,
     range: {min: 0, max: 5, step: 0.001},
     score: 0.0,
     showScore: true,
+    name: "",
     starConfig: {
       size: 30,
       fillColor: '#F9ED4F',
@@ -29,7 +30,7 @@
         {/if}
       {/each}
     </div>
-    <input class="slider" disabled={config.readOnly} type="range" min={config.range.min} max={config.range.max} step="{config.range.step}" bind:value={config.score} on:change >
+    <input name={config.name} class="slider" disabled={config.readOnly} type="range" min={config.range.min} max={config.range.max} step="{config.range.step}" bind:value={config.score} on:change >
   </div>
   {#if config.showScore}
     <span class="show-score" style="font-size: {config.starConfig.size/2}px;">

From 4aa828dc4a760d646ff7e795b123feaab92f1e51 Mon Sep 17 00:00:00 2001
From: Yelin Zhang <30687616+Yelinz@users.noreply.github.com>
Date: Tue, 1 Aug 2023 18:14:22 +0200
Subject: [PATCH 2/2] Update Readme.md with name

---
 Readme.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/Readme.md b/Readme.md
index d4150ea..3ccae4f 100644
--- a/Readme.md
+++ b/Readme.md
@@ -45,6 +45,8 @@ This package will add a svelte component that may or may not receive a configura
 | score      |   `float`    |    false    |     0.0      |
 | showScore  |   `bool`     |    false    |     true     |
 | scoreFormat|   `function` |    false    |    precent   |
+| name       |   `String`   |    false    |     ""     | 
+
 
 In addition, we have two other nested attributes that specify distinct settings.
 
@@ -80,6 +82,7 @@ const config = {
   score: 0.0,
   showScore: true,
   scoreFormat: function(){ return `(${this.score.toFixed(0)}/${this.countStars})` },
+  name: "",
   starConfig: {
     size: 30,
     fillColor: '#F9ED4F',