.page
section.section
.container.is-fluid
h3.title.is-3.has-text-centered Instance
//- p.subtitle -
//- h1
.tabs.is-centered
ul
li.is-active
nuxt-link(v-bind:to="'/' + region + '/instance/' + node.id") Relationships
//- li
li
nuxt-link(v-bind:to="'/' + region + '/instance/' + node.id + '/ecs'") ECS
//- li
li
nuxt-link(v-bind:to="'/' + region + '/instance/' + node.id + '/network'") Network
//- li
//- ul
//- tabs
.card
.card-content
vis-hierarchy(v-bind:node="node")
//- card-content
//- card
.content
.columns
.column.has-text-centered
h3 Is-used-by
article(v-for="parentId in node.parents")
node-card(v-bind:node="index[parentId]")
//- article
//- column
.column.has-text-centered(style="min-width: 0;")
h3 Current node
article
node-card(v-bind:node="node" show-data="true")
//- article
//- column
.column.has-text-centered
h3 Uses
article(v-for="childId in node.children")
node-card(v-bind:node="index[childId]")
//- article
//- column
//- columns
//- content
//- container
//- section
//- page