Rename HTML elements component, make minor code cleanup edits.

Co-authored by:
Janica Abagat [email protected]
Trisha Duong [email protected]
David Lee [email protected]

Author: Jaime de Venecia

src/components/right-sidebar/ComponentDetails.vue

@@ -26,7 +26,7 @@
       <q-tab-panels v-model="tab" animated class="html-bg text-white">
         <!-- HTML Elements -->
         <q-tab-panel name="newhtml">
-          <V10HTMLQueue />
+          <HTMLElementsList />
         </q-tab-panel>
 
         <!-- Code Preview -->
@@ -119,7 +119,7 @@
 import { computed } from "vue";
 import { useStore } from "../../store/main.js";
 import { Component } from "../../../types";
-import V10HTMLQueue from "./V10HTMLQueue.vue";
+import HTMLElementsList from "./HTMLElementsList.vue";
 import CodeSnippet from "./CodeSnippet.vue";
 
 /* COMPUTED VALUES */

src/components/right-sidebar/V10HTMLQueue.vue renamed to src/components/right-sidebar/HTMLElementsList.vue

@@ -18,7 +18,7 @@ import { useStore } from "../../store/main.js";
 import VueTree from "@overvue/vue3-tree-chart";
 import "@overvue/vue3-tree-chart/dist/vue3-tree-chart.css";
 
-import V10HTMLQueue from "./V10HTMLQueue.vue";
+import HTMLElementsList from "./HTMLElementsList.vue";
 
 /* LIFECYCLE HOOKS */
 onMounted(() => {
@@ -259,8 +259,7 @@ watch(componentMap, () => (treeData.value = buildTree(componentMap.value)), {
         {{ activeComponent }}
       </div>
       <div class="modal-box">
-        <!-- <HTMLQueue /> -->
-        <V10HTMLQueue />
+        <HTMLElementsList />
       </div>
     </div>
   </q-dialog>

src/components/right-sidebar/Tree.vue

@@ -3,14 +3,8 @@ import {
   breadthFirstSearchParent,
 } from "src/utils/search.util";
 
-import { isProxy, toRaw } from "vue";
-import {
-  State,
-  Actions,
-  Component,
-  RouteComponentMap,
-  HtmlElement,
-} from "../../types";
+import { toRaw } from "vue";
+import { State, Actions, Component, HtmlElement } from "../../types";
 import { Store } from "pinia";
 import localforage from "localforage";
 // *** GLOBAL *** //////////////////////////////////////////////