fix: use Nuxt prefixed component names for connections/ subdirectory

Root cause of hosts not displaying: Nuxt auto-imports components in
subdirectories with the directory name as prefix. HostCard → ConnectionsHostCard,
HostTree → ConnectionsHostTree, QuickConnect → ConnectionsQuickConnect.
Unprefixed names silently resolve to nothing — no errors, just invisible components.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Vantz Stockwell 2026-03-13 10:11:37 -04:00
parent e2c04186d1
commit b88878b171

View File

@ -134,7 +134,7 @@ const recentHosts = computed(() => {
<template>
<div class="flex w-full flex-col">
<!-- Quick Connect bar -->
<QuickConnect @connect="handleQuickConnect" />
<ConnectionsQuickConnect @connect="handleQuickConnect" />
<!-- Save prompt toast -->
<div v-if="showSavePrompt"
@ -154,7 +154,7 @@ const recentHosts = computed(() => {
<button @click="openNewHost()" class="text-xs text-gray-500 hover:text-wraith-400" title="New Host">+ Host</button>
</div>
</div>
<HostTree :groups="connections.groups" @select-host="openEditHost" @new-host="openNewHost" />
<ConnectionsHostTree :groups="connections.groups" @select-host="openEditHost" @new-host="openNewHost" />
</aside>
<!-- Main: host grid with search + recent -->
@ -195,7 +195,7 @@ const recentHosts = computed(() => {
All Hosts
</h3>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3">
<HostCard
<ConnectionsHostCard
v-for="host in filteredHosts"
:key="host.id"
:host="host"