diff --git a/assets/js/components/Site.stories.js b/assets/js/components/Site.stories.js
index 97274484b..0bc6fd243 100644
--- a/assets/js/components/Site.stories.js
+++ b/assets/js/components/Site.stories.js
@@ -1,4 +1,5 @@
import Site from "./Site.vue";
+import i18n from "../i18n";
export default {
title: "Main/Site",
@@ -7,6 +8,7 @@ export default {
};
const Template = (args, { argTypes }) => ({
+ i18n,
props: Object.keys(argTypes),
components: { Site },
template: '
',
diff --git a/assets/js/components/SiteDetails.stories.js b/assets/js/components/SiteDetails.stories.js
index 9b30fc38f..91ab45737 100644
--- a/assets/js/components/SiteDetails.stories.js
+++ b/assets/js/components/SiteDetails.stories.js
@@ -1,4 +1,5 @@
import SiteDetails from "./SiteDetails.vue";
+import i18n from "../i18n";
export default {
title: "Main/SiteDetails",
@@ -7,6 +8,7 @@ export default {
};
const Template = (args, { argTypes }) => ({
+ i18n,
props: Object.keys(argTypes),
components: { SiteDetails },
template: '
',
diff --git a/assets/js/components/SiteDetails.vue b/assets/js/components/SiteDetails.vue
index b22859f76..441ef8a66 100644
--- a/assets/js/components/SiteDetails.vue
+++ b/assets/js/components/SiteDetails.vue
@@ -2,10 +2,12 @@
- Bezug
+ {{ $t("main.siteDetails.import") }}
+
- Einspeisung
+ {{ $t("main.siteDetails.export") }}
+
{{ fmt(gridPower) }}
@@ -15,7 +17,7 @@
- Erzeugung
+ {{ $t("main.siteDetails.production") }}
- Akku / {{ batterySoC }} %
+ {{ $t("main.siteDetails.batteryShort") }}
+ / {{ batterySoC }} %
- Batterie / {{ batterySoC }}%
+ {{ $t("main.siteDetails.batteryLong") }}
+ / {{ batterySoC }}%
diff --git a/assets/js/components/Sponsor.stories.js b/assets/js/components/Sponsor.stories.js
index 3ae4d2a3a..6a8f7485c 100644
--- a/assets/js/components/Sponsor.stories.js
+++ b/assets/js/components/Sponsor.stories.js
@@ -1,4 +1,5 @@
import Sponsor from "./Sponsor.vue";
+import i18n from "../i18n";
export default {
title: "Main/Footer/Sponsor",
@@ -7,6 +8,7 @@ export default {
};
const Template = (args, { argTypes }) => ({
+ i18n,
props: Object.keys(argTypes),
components: { Sponsor },
template: '',
diff --git a/assets/js/components/Sponsor.vue b/assets/js/components/Sponsor.vue
index 22c5a9714..7c42285f6 100644
--- a/assets/js/components/Sponsor.vue
+++ b/assets/js/components/Sponsor.vue
@@ -5,7 +5,10 @@
class="btn btn-link pe-0 text-decoration-none link-dark text-nowrap sponsor-button"
@click.stop.prevent="surprise"
>
- Danke {{ sponsor }}
+ {{ $t("footer.sponsor.sponsoredShort") }}
+ {{
+ $t("footer.sponsor.sponsoredLong", { sponsor })
+ }}
- Projekt unterstützen
+ {{ $t("footer.sponsor.supportProjectShort") }}
+ {{ $t("footer.sponsor.supportProjectLong") }}
diff --git a/assets/js/components/Vehicle.stories.js b/assets/js/components/Vehicle.stories.js
index ad71a6c45..cdc3c5b00 100644
--- a/assets/js/components/Vehicle.stories.js
+++ b/assets/js/components/Vehicle.stories.js
@@ -1,4 +1,5 @@
import Vehicle from "./Vehicle.vue";
+import i18n from "../i18n";
export default {
title: "Main/Vehicle",
@@ -7,6 +8,7 @@ export default {
};
const Template = (args, { argTypes }) => ({
+ i18n,
props: Object.keys(argTypes),
components: { Vehicle },
template: '
',
diff --git a/assets/js/components/Vehicle.vue b/assets/js/components/Vehicle.vue
index 371d20922..745d4b486 100644
--- a/assets/js/components/Vehicle.vue
+++ b/assets/js/components/Vehicle.vue
@@ -1,7 +1,7 @@
- {{ socTitle || "Fahrzeug" }}
+ {{ socTitle || $t("main.vehicle.fallbackName") }}
diff --git a/assets/js/components/VehicleSoc.vue b/assets/js/components/VehicleSoc.vue
index 286d7ffd5..88ec52b4d 100644
--- a/assets/js/components/VehicleSoc.vue
+++ b/assets/js/components/VehicleSoc.vue
@@ -76,13 +76,13 @@ export default {
socChargeDisplayValue: function () {
// no soc or no soc value
if (!this.hasVehicle || !this.socCharge || this.socCharge < 0) {
- let chargeStatus = "getrennt";
+ let chargeStatus = this.$t("main.vehicleSoc.disconnected");
if (this.charging) {
- chargeStatus = "lädt";
+ chargeStatus = this.$t("main.vehicleSoc.charging");
} else if (this.enabled) {
- chargeStatus = "bereit";
+ chargeStatus = this.$t("main.vehicleSoc.ready");
} else if (this.connected) {
- chargeStatus = "verbunden";
+ chargeStatus = this.$t("main.vehicleSoc.connected");
}
return chargeStatus;
}
diff --git a/assets/js/components/VehicleSubline.vue b/assets/js/components/VehicleSubline.vue
index cb83e24bf..8338b1e7e 100644
--- a/assets/js/components/VehicleSubline.vue
+++ b/assets/js/components/VehicleSubline.vue
@@ -3,7 +3,7 @@
- Mindestladung bis {{ minSoC }}%
+ {{ $t("main.vehicleSubline.mincharge", { soc: minSoC }) }}
({
+ i18n,
props: Object.keys(argTypes),
components: { Version },
template: '',
diff --git a/assets/js/components/Version.vue b/assets/js/components/Version.vue
index 4a10cd74e..44f5721b7 100644
--- a/assets/js/components/Version.vue
+++ b/assets/js/components/Version.vue
@@ -8,7 +8,9 @@
class="btn btn-link ps-0 text-decoration-none link-dark text-nowrap"
>
- Update verfügbar: {{ available }}
+ {{ $t("footer.version.availableLong") }}:
+ {{ $t("footer.version.availableShort") }}:
+ {{ available }}
- Version {{ installed }}
+ {{ $t("footer.version.version") }} {{ installed }}