diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue index 869b2d7cbb..4762bb3210 100644 --- a/app/components/AppHeader.vue +++ b/app/components/AppHeader.vue @@ -9,23 +9,29 @@ withDefaults( showConnector: true, }, ) + +const { isConnected, npmUser } = useConnector() diff --git a/app/components/ConnectorStatus.client.vue b/app/components/ConnectorStatus.client.vue index 4eb4f212cf..df2141be04 100644 --- a/app/components/ConnectorStatus.client.vue +++ b/app/components/ConnectorStatus.client.vue @@ -12,9 +12,8 @@ const { const showModal = shallowRef(false) const showTooltip = shallowRef(false) -const statusText = computed(() => { +const tooltipText = computed(() => { if (isConnecting.value) return 'connecting…' - if (isConnected.value && npmUser.value) return `connected as @${npmUser.value}` if (isConnected.value) return 'connected' return 'connect local CLI' }) @@ -37,7 +36,16 @@ const ariaLabel = computed(() => {