Adding Additional Fields/Data to products using Slots

[Jnyawach]

Hi, So I have been thinking of adding two additional fields to products- (Meta description and keywords). After reading through the documentation, a slot is the best approach I can take. However, I have not been able to retrieve the data from the component and save it while saving the product. See my implementation below

Slot component class
`<?php

namespace App\Http\Livewire\Admin\Product;

use Livewire\Component;
use Lunar\Hub\Slots\AbstractSlot;
use Lunar\Hub\Slots\Traits\HubSlot;

class SeoAddition extends Component implements AbstractSlot
{
use HubSlot;

public $description;
public $keywords;


public static function getName()
{
    return 'hub.components.products.slots.seo-slot';
}

public function updatingDescription($val){
    $this->saveSlotData(['description' => $val]);
}


public function getSlotHandle()
{
    return 'seo-slot';
}

public function getSlotInitialValue()
{
    return [
        'description' => $this->description,
        'keywords' => $this->keywords,
    ];
}

public function getSlotPosition()
{
    return 'bottom';
}

public function getSlotTitle()
{
    return '';
}

public function updateSlotModel()
{
    dd($this->meta_description);

}

public function handleSlotSave($model, $data)
{
    $this->slotModel = $model;

    dd($data);
}


public function render()
{
    return view('livewire.admin.product.seo-addition');
}

}
Slot component file

<div class="shadow sm:rounded-md bg-white p-3">
    <h6 class="font-medium">SEO Optimization</h6>
    <div class="pt-5 space-y-3">
        <div class="grid">
            <x-hub::input.group label="Meta Description (about 120 words)" for="meta_description"
                                :error="$errors->first('description')"
                                required>
                <x-hub::input.textarea wire:model.live="description" id="meta_description"
                                       :error="$errors->first('description')" />
            </x-hub::input.group>

        </div>
        <div class="grid pt-5">
            <x-hub::input.group label="Product keywords (Separated by comma)" for="keywords">
                <x-hub::input.tags id="keywords" wire:model="keywords"/>
            </x-hub::input.group>

        </div>

    </div>
</div>

`