diff --git a/hassio/src/dashboard/hassio-dashboard.ts b/hassio/src/dashboard/hassio-dashboard.ts index b0316ed0ee..f1bfb7a329 100644 --- a/hassio/src/dashboard/hassio-dashboard.ts +++ b/hassio/src/dashboard/hassio-dashboard.ts @@ -9,7 +9,6 @@ import { haStyle } from "../../../src/resources/styles"; import { HomeAssistant, Route } from "../../../src/types"; import { supervisorTabs } from "../hassio-tabs"; import "./hassio-addons"; -import "./hassio-update"; import "../../../src/layouts/hass-subpage"; @customElement("hassio-dashboard") @@ -22,6 +21,12 @@ class HassioDashboard extends LitElement { @property({ attribute: false }) public route!: Route; + firstUpdated() { + if (!atLeastVersion(this.hass.config.version, 2022, 5)) { + import("./hassio-update"); + } + } + protected render(): TemplateResult { if (atLeastVersion(this.hass.config.version, 2022, 5)) { return html` `; } diff --git a/hassio/src/hassio-panel-router.ts b/hassio/src/hassio-panel-router.ts index bceab08108..201f3a6c71 100644 --- a/hassio/src/hassio-panel-router.ts +++ b/hassio/src/hassio-panel-router.ts @@ -5,12 +5,8 @@ import { RouterOptions, } from "../../src/layouts/hass-router-page"; import { HomeAssistant, Route } from "../../src/types"; -import "./addon-store/hassio-addon-store"; // Don't codesplit it, that way the dashboard always loads fast. import "./dashboard/hassio-dashboard"; -// Don't codesplit the others, because it breaks the UI when pushed to a Pi -import "./backups/hassio-backups"; -import "./system/hassio-system"; @customElement("hassio-panel-router") class HassioPanelRouter extends HassRouterPage { @@ -31,12 +27,15 @@ class HassioPanelRouter extends HassRouterPage { }, store: { tag: "hassio-addon-store", + load: () => import("./addon-store/hassio-addon-store"), }, backups: { tag: "hassio-backups", + load: () => import("./backups/hassio-backups"), }, system: { tag: "hassio-system", + load: () => import("./system/hassio-system"), }, }, };