From a0ef05a86ecb8b3f36102b980a37f93ce97ba8d1 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Mon, 28 Mar 2022 19:34:59 +1100
Subject: Make option passing less irregular

---
 src/components/AncestryBar.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

(limited to 'src/components/AncestryBar.vue')

diff --git a/src/components/AncestryBar.vue b/src/components/AncestryBar.vue
index 0cdadf8..f7ce232 100644
--- a/src/components/AncestryBar.vue
+++ b/src/components/AncestryBar.vue
@@ -1,6 +1,7 @@
 <script lang="ts">
 import {defineComponent, PropType} from 'vue';
 import {LayoutNode} from '../layout';
+import type {LayoutOptions} from '../layout';
 import Tile from './Tile.vue'
 
 export default defineComponent({
@@ -8,7 +9,8 @@ export default defineComponent({
 		pos: {type: Array as unknown as PropType<[number,number]>, required: true},
 		dims: {type: Array as unknown as PropType<[number,number]>, required: true},
 		nodes: {type: Array as PropType<LayoutNode[]>, required: true},
-		options: {type: Object, required: true},
+		lytOpts: {type: Object as PropType<LayoutOptions>, required: true},
+		uiOpts: {type: Object, required: true},
 	},
 	data(){
 		return {
@@ -53,7 +55,7 @@ export default defineComponent({
 				padding: this.tileMargin + 'px',
 				//
 				backgroundColor: '#44403c',
-				boxShadow: this.options.shadowNormal,
+				boxShadow: this.uiOpts.shadowNormal,
 			};
 		},
 	},
@@ -75,7 +77,7 @@ export default defineComponent({
 <template>
 <div :style="styles">
 	<tile v-for="(node, idx) in usedNodes" :key="node.tolNode.name" :layoutNode="node"
-		:nonAbsPos="true" :headerSz="0" :tileSpacing="0" :options="options"
+		:nonAbsPos="true" :lytOpts="lytOpts" :uiOpts="uiOpts"
 		@leaf-clicked="onClick(nodes[idx])" @info-icon-clicked="onInnerInfoIconClicked"/>
 </div>
 </template>
-- 
cgit v1.2.3

