v-tabs вертикально, Vue.js

Есть такой код:

<v-flex md12 class="mt-3">
    <v-tabs
            color="primary"
            dark
    >
        <v-tab @click="getDataPeriod(0)">{{t('All time')}}</v-tab>
        <v-tab @click="getDataPeriod(1)">{{t('Last month')}}</v-tab>
        <v-tab @click="getDataPeriod(2)">{{t('Three month')}}</v-tab>
        <v-tab @click="getDataPeriod(3)">{{t('This year')}}</v-tab>
    </v-tabs>
</v-flex>

Как перевести все tab в вертикальное положение?

Пробовал добавлять в v-tabs атрибут vertical - не помогло.