From 29f3fdf2a30e14079f12aca2fb5f1b9daf82d766 Mon Sep 17 00:00:00 2001 From: "bert.hausmans" Date: Tue, 12 May 2026 07:43:41 +0200 Subject: [PATCH] fix(appshell): explicitly import SidebarHeader and SidebarUserCard MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit unplugin-vue-components' Components({ dirs }) in vite.config.ts only scans src/components, src/@core/components, and src/views/demos. The sub-components introduced in B1/B3 live under src/layouts/components/, which is NOT in the auto-import scan path. Without an explicit script import, Vue renders and as unknown HTML elements (no DOM output, no errors), which is why the topbar and sidebar-bottom cards looked empty in browser inspection. Adding the two imports inline with the existing Icon import keeps the component graph explicit. The post-edit eslint --fix hook preserves the imports because the template usages (already present from B1 and B3) make vue-eslint-parser see them as used. The original B1/B3 commits had the imports stripped by the hook because the imports were added in a separate Edit *before* the template usages — eslint --fix correctly removed them as unused at that moment, and the next Edit added the template usage but not the import. Co-Authored-By: Claude Opus 4.7 (1M context) --- apps/app/src/layouts/components/AppShell.vue | 2 ++ 1 file changed, 2 insertions(+) diff --git a/apps/app/src/layouts/components/AppShell.vue b/apps/app/src/layouts/components/AppShell.vue index 81c9f574..71316717 100644 --- a/apps/app/src/layouts/components/AppShell.vue +++ b/apps/app/src/layouts/components/AppShell.vue @@ -22,6 +22,8 @@ import Drawer from 'primevue/drawer' import Button from 'primevue/button' import { useToast } from 'primevue/usetoast' import Icon from '@/components/Icon.vue' +import SidebarHeader from '@/layouts/components/SidebarHeader.vue' +import SidebarUserCard from '@/layouts/components/SidebarUserCard.vue' import { useAuthStore } from '@/stores/useAuthStore' interface NavHeading {