Improved translation

src/editor.ts

@@ -9,6 +9,7 @@ import { formfieldDefinition } from '../elements/formfield';
 import { selectDefinition } from '../elements/select';
 import { switchDefinition } from '../elements/switch';
 import { textfieldDefinition } from '../elements/textfield';
+import { localize } from './localize/localize';
 
 @customElement('hourly-weather-editor')
 export class HourlyWeatherCardEditor extends ScopedRegistryHost(LitElement) implements LovelaceCardEditor {
@@ -64,7 +65,7 @@ export class HourlyWeatherCardEditor extends ScopedRegistryHost(LitElement) impl
       <mwc-select
         naturalMenuWidth
         fixedMenuPosition
-        label="Entity (Required)"
+        label=${localize('editor.entity')}
         .configValue=${'entity'}
         .value=${this._entity}
         @selected=${this._valueChanged}
@@ -75,19 +76,19 @@ export class HourlyWeatherCardEditor extends ScopedRegistryHost(LitElement) impl
     })}
       </mwc-select>
       <mwc-textfield
-        label="Name (Optional)"
+      label=${localize('editor.name')}
         .value=${this._name}
         .configValue=${'name'}
         @input=${this._valueChanged}
       ></mwc-textfield>
       <mwc-textfield
-        label="Number of hours to show (Optional)"
+      label=${localize('editor.hours_to_show')}
         .value=${this._numHours}
         .configValue=${'num_hours'}
         @input=${this._valueChanged}
         .pattern=${"([1-9][0-9]*[02468])|([2468])"}
         .autoValidate=${true}
-        validationMessage="Must be an even integer greater than or equal to 2"
+        validationMessage=${localize('errors.must_be_int')}
       ></mwc-textfield>
     `;
   }

src/hourly-weather.ts

@@ -31,8 +31,8 @@ console.info(
 (window as any).customCards = (window as any).customCards || [];
 (window as any).customCards.push({
   type: 'hourly-weather',
-  name: 'Hourly Weather Card',
-  description: 'A card to render hourly weather conditions as a bar.',
+  name: localize('common.title_card'),
+  description: localize('common.description'),
 });
 
 @customElement('hourly-weather')
@@ -67,7 +67,7 @@ export class HourlyWeatherCard extends LitElement {
     }
 
     this.config = {
-      name: 'Hourly Weather',
+      name: localize('common.title'),
       ...config,
     };
   }
@@ -113,7 +113,7 @@ export class HourlyWeatherCard extends LitElement {
       >
         <div class="card-content">
           ${isForecastDaily ?
-        this._showWarning('The selected weather entity seems to provide daily forecasts. Consider switching to an hourly entity.') : ''}
+        this._showWarning(localize('errors.daily_forecasts')) : ''}
           <weather-bar .conditions=${conditionList} .temperatures=${temperatures}></weather-bar>
         </div>
       </ha-card>

src/localize/languages/en.json

@@ -1,11 +1,21 @@
 {
   "common": {
     "version": "Version",
+    "title": "Hourly Weather",
+    "title_card": "Hourly Weather Card",
+    "description": "A card to render hourly weather conditions as a bar.",
     "invalid_configuration": "Invalid configuration"
   },
+  "editor": {
+    "entity": "Entity (Required)",
+    "name": "Name (Optional)",
+    "hours_to_show": "Number of hours to show (Optional)"
+  },
   "errors": {
     "missing_entity": "entity is missing in configuration",
-    "too_many_hours_requested": "Too many hours requested in num_hours. Must be <= number of hours in forecast entity."
+    "too_many_hours_requested": "Too many hours requested in num_hours. Must be <= number of hours in forecast entity.",
+    "daily_forecasts": "The selected weather entity seems to provide daily forecasts. Consider switching to an hourly entity.",
+    "must_be_int": "Must be an even integer greater than or equal to 2"
   },
   "conditions": {
     "clear": "Clear",
@@ -21,4 +31,4 @@
     "sunny": "Sunny",
     "windy": "Windy"
   }
-}
+}

src/localize/languages/pt.json

@@ -1,24 +1,34 @@
 {
   "common": {
     "version": "Versão",
+    "title": "Tempo de hora em hora",
+    "title_card": "Tempo de hora em hora",
+    "description": "Um cartão para mostrar as condições meteorológicas de hora em hora como uma barra.",
     "invalid_configuration": "Configuração Inválida"
   },
+  "editor": {
+    "entity": "Entidade",
+    "name": "Nome (opcional)",
+    "hours_to_show": "Número de horas para mostrar"
+  },
   "errors": {
     "missing_entity": "A entidade não existe na configuração",
-    "too_many_hours_requested": "Demasiadas horas solicitadas em num_hours. Deve ser menor que o número de horas disponíveis na entidade de meteo."
+    "too_many_hours_requested": "Demasiadas horas solicitadas em num_hours. Deve ser menor que o número de horas disponíveis na entidade de meteo.",
+    "daily_forecasts": "A entidade meteorológica selecionada parece fornecer previsões diárias. Considere mudar para uma entidade horária.",
+    "must_be_int": "Deve ser um número inteiro par maior ou igual a 2"
   },
   "conditions": {
     "clear": "Limpo",
     "cloudy": "Nublado",
     "fog": "Nevoeiro",
     "hail": "Granizo",
     "thunderstorm": "Trovoada",
-    "partlyCloudy": "Parcialmente nublado",
+    "partlyCloudy": "Pouco nublado",
     "heavyRain": "Chuva forte",
     "rain": "Chuva",
     "snow": "Neve",
     "mixedPrecip": "Precipitação mista",
     "sunny": "Sol",
     "windy": "Vento"
   }
-}
+}