set up new view for skeleton hiearchi

app/components/ComponentHierarchy.vue

@@ -7,8 +7,15 @@
         :is-edit-mode="isEditMode"
         :collapse-all="collapseAll"
         :toggle-token="toggleToken"
+        :component-model-options="componentModelOptionsProvider(component)"
+        :component-model-options-provider="componentModelOptionsProvider"
+        :piece-model-options-provider="pieceModelOptionsProvider"
         @update="$emit('update', $event)"
         @edit-piece="$emit('edit-piece', $event)"
+        @assign-model="$emit('assign-model', $event)"
+        @assign-piece-model="$emit('assign-piece-model', $event)"
+        @custom-field-update="$emit('custom-field-update', $event)"
+        @create-model-from-component="$emit('create-model-from-component', $event)"
       />
     </div>
   </div>
@@ -33,8 +40,16 @@ defineProps({
   toggleToken: {
     type: Number,
     default: 0
-  }
+  },
+  componentModelOptionsProvider: {
+    type: Function,
+    default: () => [],
+  },
+  pieceModelOptionsProvider: {
+    type: Function,
+    default: () => [],
+  },
 })
 
-defineEmits(['update', 'edit-piece'])
+defineEmits(['update', 'edit-piece', 'assign-model', 'assign-piece-model', 'custom-field-update', 'create-model-from-component'])
 </script>