add active state to children text links

2021-03-10 18:37:52 +01:00
parent 206e297576
commit 60f713caa1
2 changed files with 9 additions and 3 deletions
@@ -14,10 +14,11 @@
            </template>
          </h4>

-          <b-nav class="ml-auto flex-nowrap">
+          <b-nav class="ml-auto flex-nowrap" pills>
            <b-nav-item
              v-for="child in text.children" :key="child.id"
              @click="$emit('open', id, child.id)"
+              :active="children.includes(child.id)"
            >
              {{ child.id }}
            </b-nav-item>
@@ -67,7 +68,8 @@ export default {
  name: 'TextCard',

  props: {
-    id: { type: Number, required: true }
+    id: { type: Number, required: true },
+    children: { type: Array, default: null }
  },

  data () {