fix(item-form): update tag handling to support key-value pairs

- Changed `tags` signal type from `Vec<String>` to `Vec<(String, String)>` for richer data representation.
- Updated `on_submit` callback to align with the new `tags` structure.
- Modified form submission logic to accommodate changes in tag handling.

src/app.rs

@@ -1,15 +1,16 @@
 use leptos::*;
 use crate::components::{item_form::ItemForm, items_list::ItemsList};
 use crate::models::item::Item;
+use uuid::Uuid;
 
 #[component]
 pub fn App() -> impl IntoView {
     let (items_signal, set_items) = create_signal(Vec::<Item>::new());
 
     let add_item = move |name: String, description: String, tags: Vec<(String, String)>| {
-        set_items;(|mut items: Vec<Item>| {
+        set_items.update(|items| {
             items.push(Item {
-                id: uuid::Uuid::new_v4().to_string(),
+                id: Uuid::new_v4().to_string(),
                 name,
                 description,
                 tags,
@@ -19,9 +20,9 @@ pub fn App() -> impl IntoView {
 
     view! {
         <div>
-            <h1>CompareWare</h1>
+            <h1>{ "CompareWare" }</h1>
             <ItemForm on_submit=Box::new(add_item) />
-            <ItemsList items={items_signal.get().clone()} />
+            <ItemsList items=items_signal.get() />
         </div>
     }
-}
+}

src/components/item_form.rs

@@ -1,15 +1,14 @@
 use leptos::*;
-use leptos_dom::ev::SubmitEvent; // Import the correct event type
+use leptos_dom::ev::SubmitEvent;
 
 #[component]
-pub fn ItemForm(on_submit: Box<dyn Fn(String, String, Vec<String>)>) -> impl IntoView {
+pub fn ItemForm(on_submit: Box<dyn Fn(String, String, Vec<(String, String)>)>) -> impl IntoView {
     let (name, set_name) = create_signal(String::new());
     let (description, set_description) = create_signal(String::new());
-    let (tags, set_tags) = create_signal(Vec::<String>::new());
+    let (tags, set_tags) = create_signal(Vec::<(String, String)>::new());
 
-    // Use SubmitEvent for the form submission handler
     let handle_submit = move |ev: SubmitEvent| {
-        ev.prevent_default(); // Prevent form submission from reloading the page
+        ev.prevent_default();
         on_submit(name.get(), description.get(), tags.get().clone());
 
         // Reset values after submission
@@ -34,4 +33,4 @@ pub fn ItemForm(on_submit: Box<dyn Fn(String, String, Vec<String>)>) -> impl Int
             <button type="submit">{ "Add Item" }</button>
         </form>
     }
-}
+}