vstockwell/wraith
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 67 Wiki Activity

fix: use Nuxt prefixed component names for connections/ subdirectory

Browse Source 
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
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/pages/index.vue
View File

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