diff --git a/frontend/src/components/HistogramChart.vue b/frontend/src/components/HistogramChart.vue
index 5a43532..de70ae5 100644
--- a/frontend/src/components/HistogramChart.vue
+++ b/frontend/src/components/HistogramChart.vue
@@ -20,7 +20,7 @@ Chart.register(
   Legend
 );
 
-export default {
+export default defineComponent({
   name: "HistogramChart",
   props: {
     chartData: {
@@ -85,7 +85,7 @@ export default {
       });
     },
   },
-};
+});
 </script>
 
 <template>