Name method and Localization

README.md

@@ -1,3 +1,4 @@
+
 # Nova Settings Card
 
 
@@ -25,8 +26,24 @@ KeyValue::make('Meta')->resolveUsing(function ($value) {
 	composer require ericlagarda/nova-settings-card
 	```
 
+2. Publish [akaunting/setting](https://github.com/akaunting/setting) config and migrations
+
+	```php
+	php artisan vendor:publish --tag=setting
+	```
+
+3. Migrate settings table
+	```php
+	php artisan migrate
+	```
+
+4. Add SettingsCard to your own Nova Dashboard
+
+	Available methods:
+
+	* **fields** -> Tabbed nova fields
+	* **name** -> Card name
 
-2. Add SettingsCard to your own Nova Dashboard
 
 	```php
 	use EricLagarda\SettingsCard\SettingsCard;
@@ -58,9 +75,18 @@ KeyValue::make('Meta')->resolveUsing(function ($value) {
 	                Code::make('Header Styles')->language('sass'),
 	                Code::make('Footer Styles')->language('sass'),
 	            ],
-	        ]),
+	        ])->name('My settings card'),
 	    ];
 
         ...
     }
     ```
+    You can set the name of the card with `name()` functions. Default to `Settings`.
+
+## Localization
+
+```json
+"Settings": "Opciones",
+"Save settings": "Guardar opciones",
+"Settings saved! - Reloading page.": "¡opciones guardadas! - Recargando la página..."
+```

resources/js/components/Card.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="">
 
-        <h1 class="mb-3 text-90 font-normal text-2xl flex">Settings</h1>
+        <h1 class="mb-3 text-90 font-normal text-2xl flex">{{ cardName }}</h1>
 
         <card >
             <div class="tabs-wrap border-b-2 border-40 w-full">
@@ -93,6 +93,16 @@ export default {
         this.card.fields[0].init = true;
     },
 
+    computed: {
+        cardName() {
+            if (this.card.name) {
+                return this.card.name
+            }
+
+            return this.__('Settings')
+        }
+    },
+
     methods: {
         handleTabClick(tab, event) {
             tab.init = true;

src/SettingsCard.php

@@ -2,6 +2,7 @@
 
 namespace EricLagarda\SettingsCard;
 
+use Illuminate\Support\Str;
 use Laravel\Nova\Card;
 
 class SettingsCard extends Card
@@ -19,6 +20,8 @@ class SettingsCard extends Card
     protected $disks = [];
 
     /**
+     * Set the card fields
+     *
      * @param array $fields
      * @return mixed
      */
@@ -30,6 +33,17 @@ public function fields(array $fields)
         ]);
     }
 
+    /**
+     * Set Name of the card
+     *
+     * @param string $name
+     * @return mixed
+     */
+    public function name(string $name)
+    {
+        return $this->withMeta(['name' => $name]);
+    }
+
     /**
      * Get the component name for the element.
      *
@@ -92,7 +106,7 @@ private function parseFieldsToTabs(array $fields): array
         foreach ($fields as $tab => $fields) {
             $tabs[] = [
                 'name'   => $tab,
-                'key'    => str_slug($tab),
+                'key'    => Str::slug($tab),
                 'fields' => $fields,
                 'init'   => false,
             ];