<template>
  <div class="demo-tabs-router">
    <ui-tabs
      v-model="activeName"
      router>
      <ui-tab
        route="/a"
        label="TEST1">
        1
      </ui-tab>
      <ui-tab
        :route="{
          path: '/b',
        }"
        label="TEST2">
        2
      </ui-tab>
      <ui-tab
        route="/c"
        label="TEST3">
        3
      </ui-tab>
      <ui-tab
        label="TEST4">
        4
      </ui-tab>
      <router-view></router-view>
    </ui-tabs>
  </div>
</template>

<script>
import { Tabs, Tab } from "amumu-ui"

export default {
  components: {
    "ui-tabs": Tabs,
    "ui-tab": Tab,
  },
  data() {
    return {
      activeName: "1",
    }
  },
}
</script>
