How to make spatie laravel settings package translatable by using spatie laravel translate package

[khalilKhassep]

I've been trying to integrate the settings package to work with the translation package and the only way I was able to achieve that is by casting payloads, is there any other way to integrate the translation package with the settings?
I'm using it with filamentphp

[xavicabot]

@khalilKhassep any solution for this?

[frizzant]

did any of you find a solution to this?

[giuseppe-osenda]

I was able to make setting translatable using laravel-translatable from spatie with FilamentTranslatableTabs plugin (that i have found generally better then filament-translatable spatie plugin ). all you have to do with this setup is to wrap your form fields with TranslatableTabs and in the setting model class declare the HasTranslations trait of course and the array $translatable as protected so that it wont consider it as a setting to add to the table.

for example

The migration:

<?php

use Spatie\LaravelSettings\Migrations\SettingsMigration;

return new class extends SettingsMigration
{
    public function up(): void
    {
        $this->migrator->add('info.fiscal_code', []);
        $this->migrator->add('info.address', []);
        $this->migrator->add('info.address_2', []);
        $this->migrator->add('info.phone_2', []);
        $this->migrator->add('info.email', []);
        $this->migrator->add('info.email_2', []);
        $this->migrator->add('info.facebook', []);
        $this->migrator->add('info.twitter', []);
        $this->migrator->add('info.youtube', []);
        $this->migrator->add('info.instagram', []);
    }
};

The Setting Model:

<?php

namespace App\Settings;

use Spatie\LaravelSettings\Settings;
use Spatie\Translatable\HasTranslations;

class InfoSettings extends Settings
{

    use HasTranslations;

    protected array $translatable = [
        'fiscal_code',
        'address',
        'address_2',
        'phone',
        'phone_2',
        'email',
        'email_2',
        'instagram',
        'facebook',
        'twitter',
        'youtube',
        'linkedin',
    ];

    public array $fiscal_code = [];

    public array $address = '';
    public array $address_2 = '';

    public array $phone = '';
    public array $phone_2 = '';

    public array $email = '';
    public array $email_2 = '';

    public array $instagram = '';
    public array $facebook = '';
    public array $twitter = '';
    public array $youtube = '';
    public array $linkedin = '';

    public static function group(): string
    {
        return 'info';
    }
}

Finally the Filament Page:

use App\Settings\InfoSettings;
use Filament\Forms;
use Filament\Forms\Form;
use Filament\Pages\SettingsPage;

class ManageInfos extends SettingsPage
{
    protected static ?string $navigationIcon = 'heroicon-o-circle-stack';

    protected static string $settings = InfoSettings::class;

    protected static ?string $navigationLabel = 'Data';

    protected static ?string $title = 'Data';

    protected static ?int $navigationSort = 14;

    public function form(Form $form): Form
    {
        return $form
            ->schema([
                TranslatableTabs::make()->schema([
                    Forms\Components\TextInput::make('fiscal_code')->label('Codice Fiscale'),
                    Forms\Components\TextInput::make('phone')->label('Numero Telefonico'),
                    Forms\Components\TextInput::make('phone_2')->label('Secondo Numero Telefonico'),
                    Forms\Components\TextInput::make('email')->label('Indirizzo email'),
                    Forms\Components\TextInput::make('email_2')->label('Secondo indirizzo email'),
                    Forms\Components\TextInput::make('address')->label('Indirizzo'),
                    Forms\Components\TextInput::make('address_2')->label('Secondo Indirizzo'),
                    Forms\Components\TextInput::make('instagram')->label('Instagram'),
                    Forms\Components\TextInput::make('facebook')->label('Facebook'),
                    Forms\Components\TextInput::make('twitter')->label('Twitter'),
                    Forms\Components\TextInput::make('linkedin')->label('Linkedin'),
                    Forms\Components\TextInput::make('youtube')->label('Youtube'),
                ]),
            ]);
    }

}