Make placeholder translatable

README.md

@@ -209,7 +209,6 @@ You can register commands by adding these to the `livewire-ui-spotlight.php` con
 <?php
 
 return [
-    'placeholder' => 'What do you want to do?',
     'commands' => [
         \App\SpotlightCommands\CreateUser::class
     ]
@@ -262,7 +261,7 @@ class CreateUser extends SpotlightCommand
 
 
 ## Configuration
-You can customize the placeholder for Spotlight via the `livewire-ui-spotlight.php` config file. This includes some additional options like including CSS if you don't use TailwindCSS for your application. To publish the config run the vendor:publish command:
+You can customize Spotlight via the `livewire-ui-spotlight.php` config file. This includes some additional options like including CSS if you don't use TailwindCSS for your application. To publish the config run the vendor:publish command:
 ```shell
 php artisan vendor:publish --tag=livewire-ui-spotlight-config
 ```
@@ -287,17 +286,6 @@ return [
         'slash',
     ],
 
-    /*
-    |--------------------------------------------------------------------------
-    | Placeholder
-    |--------------------------------------------------------------------------
-    |
-    | Define the text you want to show by default when Spotlight is enabled
-    |
-    */
-
-    'placeholder' => 'What do you want to do?',
-
     /*
     |--------------------------------------------------------------------------
     | Placeholder
@@ -339,6 +327,20 @@ return [
 ];
 ```
 
+If you want to translate or change default the placeholder you will need to publish the translation file.
+
+```shell
+php artisan vendor:publish --tag=livewire-ui-spotlight-translations
+```
+
+```php
+<?php
+
+return [
+    'placeholder' => 'What do you want to do?',
+];
+```
+
 ## Credits
 
 - [Philo Hermans](https://github.com/philoNL)

config/livewire-ui-spotlight.php

@@ -17,17 +17,6 @@
         'slash',
     ],
 
-    /*
-    |--------------------------------------------------------------------------
-    | Placeholder
-    |--------------------------------------------------------------------------
-    |
-    | Define the text you want to show by default when Spotlight is enabled
-    |
-    */
-
-    'placeholder' => 'What do you want to do?',
-
     /*
     |--------------------------------------------------------------------------
     | Placeholder

resources/lang/en/spotlight.php

@@ -0,0 +1,5 @@
+<?php
+
+return [
+    'placeholder' => 'What do you want to do?',
+];

resources/views/spotlight.blade.php

@@ -6,7 +6,7 @@
         <style>{!! file_get_contents($cssPath) !!}</style>
     @endisset
 
-    <div x-data="LivewireUISpotlight({ componentId: '{{ $this->id }}', placeholder: '{{ config('livewire-ui-spotlight.placeholder') }}', commands: {{ $commands }} })"
+    <div x-data="LivewireUISpotlight({ componentId: '{{ $this->id }}', placeholder: '{{ trans('livewire-ui-spotlight::spotlight.placeholder') }}', commands: {{ $commands }} })"
          x-init="init()"
          x-show="isOpen"
          x-cloak

src/SpotlightServiceProvider.php

@@ -16,6 +16,7 @@ public function configurePackage(Package $package): void
         $package
             ->name('livewire-ui-spotlight')
             ->hasConfigFile()
+            ->hasTranslations()
             ->hasViews()
             ->hasCommand(MakeSpotlightCommand::class);
     }