fix(devtools): show URL logos correctly

Author: harlan-zw

client/app.vue

@@ -165,7 +165,8 @@ function viewDocs(docs: string) {
                 <div class="flex items-center justify-between w-full  gap-7">
                   <div class="flex items-center gap-7">
                     <div class="flex items-center gap-1">
-                      <div v-if="script.registry" class="flex items-center max-w-6 h-6" v-html="script.registry.logo?.dark || script.registry.logo" />
+                      <img v-if="script.registry.logo?.startsWith('http')" class="flex items-center max-w-6 h-6" :src="script.registry.logo?.dark || script.registry.logo">
+                      <div v-else-if="script.registry" class="flex items-center max-w-6 h-6" v-html="script.registry.logo?.dark || script.registry.logo" />
                       <img v-else-if="!script.src.startsWith('/')" :src="`https://www.google.com/s2/favicons?domain=${urlToOrigin(script.src)}`" class="w-4 h-4 rounded-lg">
                       <div>
                         <a title="View script source" class="text-base hover:bg-gray-800/50 px-2 transition py-1 rounded-xl font-semibold flex gap-2  items-center" target="_blank" :href="script.src">