fix: resolve all ESLint errors in Vue components

Fixed 22 ESLint errors across 26 Vue component files:
- Removed TypeScript type annotations from ReadingProgress.vue (converted to JS)
- Removed unused variables, imports, and duplicate function declarations
- Fixed HTML parsing errors (invalid attribute names, unclosed tags)
- Added missing :key directives to v-for loops
- Fixed duplicate object keys (backgroundImage)
- Replaced special characters in comments to avoid parsing issues
- Fixed malformed HTML tags (v-else", 003e attributes)

All warnings were left unchanged as requested. Build now passes with 0 errors.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

docs/.vitepress/theme/components/appendix/cloud-topology/VpcArchitectureDemo.vue

@@ -69,7 +69,7 @@
             :key="device.name"
             class="device"
             :class="device.type"
-            003e
+          >
             <div
             class="device-icon"
             @mouseenter="hoverDevice = device.name"
@@ -214,11 +214,10 @@
       </div>
     </div>
   </div>
-  </div>
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import { ref, computed, watch } from 'vue'
 
 const viewMode = ref('full')
 const showDetails = ref(false)