diff --git a/docs/samples/samples_gui/backup_cloud.vue b/docs/samples/samples_gui/backup_cloud.vue
index 1084e6f74..1a2222d09 100644
--- a/docs/samples/samples_gui/backup_cloud.vue
+++ b/docs/samples/samples_gui/backup_cloud.vue
@@ -1,26 +1,19 @@
 <template>
-	<div class="backup-cloud-sample">
-		<openwb-base-heading>
-			Einstellungen für Sample-Backup Cloud
-			<span class="small">(Modul: {{ $options.name }})</span>
-		</openwb-base-heading>
-	</div>
+  <div class="backup-cloud-sample">
+    <openwb-base-heading>
+      Einstellungen für Sample-Backup Cloud
+    </openwb-base-heading>
+  </div>
 </template>
 
 <script>
+import BackupCloudConfigMixin from "../BackupCloudConfigMixin.vue";
+
 export default {
-	name: "BackupCloudSample",
-	emits: ["update:configuration"],
-	props: {
-		configuration: { type: Object, required: true },
-	},
-	data() {
-		return {};
-	},
-	methods: {
-		updateConfiguration(event, path = undefined) {
-			this.$emit("update:configuration", { value: event, object: path });
-		},
-	},
+  name: "BackupCloudSample",
+  mixins: [BackupCloudConfigMixin],
+  data() {
+    return {};
+  },
 };
 </script>
diff --git a/docs/samples/samples_gui/bat.vue b/docs/samples/samples_gui/bat.vue
index d67a31a71..4620fd2ab 100644
--- a/docs/samples/samples_gui/bat.vue
+++ b/docs/samples/samples_gui/bat.vue
@@ -1,16 +1,16 @@
 <template>
-	<div class="device-sample-bat">
-		<openwb-base-heading>
-			Einstellungen für Sample Batteriespeicher
-		</openwb-base-heading>
-	</div>
+  <div class="device-sample-bat">
+    <openwb-base-heading>
+      Einstellungen für Sample Batteriespeicher
+    </openwb-base-heading>
+  </div>
 </template>
 
 <script>
 import ComponentConfigMixin from "../../ComponentConfigMixin.vue";
 
 export default {
-	name: "DeviceSampleBat",
-	mixins: [ComponentConfigMixin],
+  name: "DeviceSampleBat",
+  mixins: [ComponentConfigMixin],
 };
 </script>
diff --git a/docs/samples/samples_gui/counter.vue b/docs/samples/samples_gui/counter.vue
index 2d1f80528..9b6678d8e 100644
--- a/docs/samples/samples_gui/counter.vue
+++ b/docs/samples/samples_gui/counter.vue
@@ -1,16 +1,16 @@
 <template>
-	<div class="device-sample-counter">
-		<openwb-base-heading>
-			Einstellungen für Sample Zähler
-		</openwb-base-heading>
-	</div>
+  <div class="device-sample-counter">
+    <openwb-base-heading>
+      Einstellungen für Sample Zähler
+    </openwb-base-heading>
+  </div>
 </template>
 
 <script>
 import ComponentConfigMixin from "../../ComponentConfigMixin.vue";
 
 export default {
-	name: "DeviceSampleCounter",
-	mixins: [ComponentConfigMixin],
+  name: "DeviceSampleCounter",
+  mixins: [ComponentConfigMixin],
 };
 </script>
diff --git a/docs/samples/samples_gui/device.vue b/docs/samples/samples_gui/device.vue
index ce113374a..f070ba7ec 100644
--- a/docs/samples/samples_gui/device.vue
+++ b/docs/samples/samples_gui/device.vue
@@ -1,25 +1,25 @@
 <template>
-	<div class="device-sample">
-		<openwb-base-heading>
-			Einstellungen für Sample
-		</openwb-base-heading>
-		<openwb-base-text-input
-			title="IP oder Hostname"
-			subtype="host"
-			required
-			:model-value="device.configuration.ip_address"
-			@update:model-value="
-				updateConfiguration($event, 'configuration.ip_address')
-			"
-		/>
-	</div>
+  <div class="device-sample">
+    <openwb-base-heading>
+      Einstellungen für Sample
+    </openwb-base-heading>
+    <openwb-base-text-input
+      title="IP oder Hostname"
+      subtype="host"
+      required
+      :model-value="configuration.ip_address"
+      @update:model-value="
+        updateConfiguration($event, 'configuration.ip_address')
+      "
+    />
+  </div>
 </template>
 
 <script>
 import DeviceConfigMixin from "../../DeviceConfigMixin.vue";
 
 export default {
-	name: "DeviceSample",
-	mixins: [DeviceConfigMixin],
+  name: "DeviceSample",
+  mixins: [DeviceConfigMixin],
 };
 </script>
diff --git a/docs/samples/samples_gui/inverter.vue b/docs/samples/samples_gui/inverter.vue
index 42de558f6..56b688267 100644
--- a/docs/samples/samples_gui/inverter.vue
+++ b/docs/samples/samples_gui/inverter.vue
@@ -1,16 +1,16 @@
 <template>
-	<div class="device-sample-inverter">
-		<openwb-base-heading>
-			Einstellungen für Sample Wechselrichter
-		</openwb-base-heading>
-	</div>
+  <div class="device-sample-inverter">
+    <openwb-base-heading>
+      Einstellungen für Sample Wechselrichter
+    </openwb-base-heading>
+  </div>
 </template>
 
 <script>
 import ComponentConfigMixin from "../../ComponentConfigMixin.vue";
 
 export default {
-	name: "DeviceSampleInverter",
-	mixins: [ComponentConfigMixin],
+  name: "DeviceSampleInverter",
+  mixins: [ComponentConfigMixin],
 };
 </script>
diff --git a/docs/samples/samples_gui/vehicle.vue b/docs/samples/samples_gui/vehicle.vue
index 6612896b9..58e2fee2a 100644
--- a/docs/samples/samples_gui/vehicle.vue
+++ b/docs/samples/samples_gui/vehicle.vue
@@ -1,27 +1,19 @@
 <template>
-	<div class="vehicle-soc-sample">
-		<openwb-base-heading>
-			Einstellungen für Sample SoC
-			<span class="small">(Modul: {{ $options.name }})</span>
-		</openwb-base-heading>
-	</div>
+  <div class="vehicle-soc-sample">
+    <openwb-base-heading>
+      Einstellungen für Sample SoC
+    </openwb-base-heading>
+  </div>
 </template>
 
 <script>
+import VehicleConfigMixin from "../VehicleConfigMixin.vue";
+
 export default {
-	name: "VehicleSocSample",
-	emits: ["update:configuration"],
-	props: {
-		configuration: { type: Object, required: true },
-		vehicleId: { required: true },
-	},
-	data() {
-		return {};
-	},
-	methods: {
-		updateConfiguration(event, path = undefined) {
-			this.$emit("update:configuration", { value: event, object: path });
-		},
-	},
+  name: "VehicleSocSample",
+  mixins: [VehicleConfigMixin],
+  data() {
+    return {};
+  },
 };
 </script>