feat(dashboard): add price dashboard with Zonneplan integration

resources/js/app.ts

@@ -1,4 +1,5 @@
 import { createInertiaApp } from '@inertiajs/vue3';
+import { DefineComponent } from 'vue';
 
 const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
 
@@ -7,4 +8,22 @@ createInertiaApp({
     progress: {
         color: '#4B5563',
     },
+    resolve(name) {
+        const pages = import.meta.glob<DefineComponent>(
+            ['./features/*/pages/*.vue', './pages/*.vue'],
+            {
+                eager: true,
+            },
+        );
+
+        if (name.includes('::')) {
+            const n = name.split('::');
+            const domain = n[0];
+            const page = n[1][0].toUpperCase() + n[1].slice(1).toLowerCase();
+
+            return pages[`./features/${domain}/pages/${page}.vue`];
+        }
+
+        return pages[`./pages/${name}.vue`];
+    },
 });

resources/js/features/dashboard/pages/Index.vue

@@ -0,0 +1,3 @@
+<script setup lang="ts"></script>
+
+<template></template>

resources/js/features/dashboard/viewmodels/DashboardViewModel.ts

@@ -0,0 +1,3 @@
+export default function DashboardViewModel() {
+    return {};
+}

resources/js/generated/generated.d.ts

@@ -0,0 +1,35 @@
+declare namespace App {
+    namespace Features {
+        namespace Dashboard {
+            namespace DTO {
+                export type DashboardData = {
+                    electricity: App.Features.Dashboard.DTO.ElectricityData;
+                    gas: App.Features.Dashboard.DTO.GasData;
+                };
+                export type ElectricityData = {
+                    startDate: string;
+                    endDate: string;
+                    period: string;
+                    marketPrice: number | null;
+                    totalPriceTaxIncluded: number | null;
+                    priceInclHandlingVat: number | null;
+                    priceTaxWithVat: number | null;
+                    pricingProfile: string | null;
+                    carbonFootprintInGram: number | null;
+                    sustainabilityScore: number | null;
+                    startDateDatetime: string;
+                };
+                export type GasData = {
+                    startDate: string;
+                    endDate: string;
+                    period: string;
+                    marketPrice: number;
+                    totalPriceTaxIncluded: number;
+                    priceInclHandlingVat: number;
+                    priceTaxWithVat: number;
+                    startDateDatetime: string;
+                };
+            }
+        }
+    }
+}

resources/js/generated/typescript-transformer-manifest.json

@@ -0,0 +1,3 @@
+{
+    "generated.d.ts": "237c6a8a14bec8d9c63d81a00b842cf6"
+}

resources/views/app.blade.php

@@ -10,7 +10,7 @@
 
         @fonts
 
-        @vite(['resources/css/app.css', 'resources/js/app.ts', "resources/js/pages/{$page['component']}.vue"])
+        @vite(['resources/css/app.css', 'resources/js/app.ts'])
         <x-inertia::head>
             <title>{{ config('app.name', 'Laravel') }}</title>
         </x-inertia::head>