activate hover on datatable per default (#229)

Author: Der-Alex-K

frontend/src/components/messstelle/MessfaehigkeitForm.vue

@@ -7,14 +7,13 @@
     hide-default-footer
     fixed-header
     :height="height"
-    :row-props="(item: any) => rowClasses(item.item)"
   />
 </template>
 
 <script setup lang="ts">
 import type MessfaehigkeitEditDTO from "@/types/messstelle/MessfaehigkeitEditDTO";
 
-import { isEmpty, isNil } from "lodash";
+import { isNil } from "lodash";
 
 import { FahrzeugklasseToBeschreibung } from "@/domain/enums/Fahrzeugklasse";
 import { ZaehldatenIntervallToBeschreibung } from "@/domain/enums/ZaehldatenIntervall";
@@ -29,10 +28,6 @@ const messfahigkeiten = defineModel<Array<MessfaehigkeitEditDTO>>({
   required: true,
 });
 
-function rowClasses(item: MessfaehigkeitEditDTO) {
-  return isEmpty(item.gueltigBis) ? { class: "bg-indigo-lighten-5" } : {};
-}
-
 function getDescriptionFahrzeugklasse(fahrzeugklasse: string | undefined) {
   return isNil(fahrzeugklasse)
     ? "Keine Fahrzeugklasse vorhanden"

frontend/src/plugins/vuetify.ts

@@ -85,6 +85,9 @@ export default createVuetify({
     VSelect: {
       itemColor: "primary",
     },
+    VDataTable: {
+      hover: true,
+    },
     VBtn: {
       class: "text-none",
       variant: "elevated",