Language: new label prop

panel/src/components/Dropdowns/LanguagesDropdown.vue

@@ -1,10 +1,12 @@
 <template>
-	<div v-if="languages.length > 1" class="k-languages-dropdown">
+	<div
+		v-if="languages.length > 1"
+		:data-current="language.code"
+		class="k-languages-dropdown"
+	>
 		<k-button
 			:dropdown="true"
-			:text="code"
-			icon="translate"
-			responsive="text"
+			:text="language.label"
 			size="sm"
 			variant="filled"
 			@click="$refs.languages.toggle()"
@@ -16,9 +18,6 @@
 <script>
 export default {
 	computed: {
-		code() {
-			return this.language.code.toUpperCase();
-		},
 		language() {
 			return this.$panel.language;
 		},

panel/src/panel/language.js

@@ -5,6 +5,7 @@ export const defaults = () => {
 		code: null,
 		default: false,
 		direction: "ltr",
+		label: null,
 		name: null,
 		rules: null
 	};

src/Cms/Language.php

@@ -39,6 +39,7 @@ class Language
 	protected string $code;
 	protected bool $default;
 	protected string $direction;
+	protected string $label;
 	protected array $locale;
 	protected string $name;
 	protected array $slugs;
@@ -59,6 +60,7 @@ public function __construct(array $props)
 		$this->code         = trim($props['code']);
 		$this->default      = ($props['default'] ?? false) === true;
 		$this->direction    = ($props['direction'] ?? null) === 'rtl' ? 'rtl' : 'ltr';
+		$this->label        = trim($props['label'] ?? Str::upper($this->code));
 		$this->name         = trim($props['name'] ?? $this->code);
 		$this->slugs        = $props['slugs'] ?? [];
 		$this->smartypants  = $props['smartypants'] ?? [];
@@ -120,6 +122,7 @@ public function clone(array $props = []): static
 			'code'         => $this->code,
 			'default'      => $this->default,
 			'direction'    => $this->direction,
+			'label'        => $this->label,
 			'locale'       => $this->locale,
 			'name'         => $this->name,
 			'slugs'        => $this->slugs,
@@ -301,6 +304,14 @@ public function kirby(): App
 		return static::$kirby ??= App::instance();
 	}
 
+	/**
+	 * @since 4.0.0
+	 */
+	public function label(): string
+	{
+		return $this->label;
+	}
+
 	/**
 	 * Loads the language rules for provided locale code
 	 */

src/Panel/View.php

@@ -166,6 +166,7 @@ public static function data(array $view = [], array $options = []): array
 						'code'      => $language->code(),
 						'default'   => $language->isDefault(),
 						'direction' => $language->direction(),
+						'label'     => $language->label(),
 						'name'      => $language->name(),
 						'rules'     => $language->rules(),
 					];