import { createVuetify } from "vuetify";

<v-btn  value="Endereço de Entrega"><router-link to="/endereco" style="text-decoration:none">Endereço de Entrega</router-link></v-btn>

                <v-btn  value="Endereço de Cobrança"><router-link to="/cobranca" style="text-decoration:none">Endereço de Cobrança</router-link></v-btn>
          
                <v-btn  value="Referências"><router-link to="/referencias" style="text-decoration:none">Referencias</router-link></v-btn>

                <v-btn  value="Restrições"><router-link to="/restricoes" style="text-decoration:none">Restrições</router-link></v-btn>

                <v-btn  value="Observações"><router-link to="/observacoes" style="text-decoration:none">Obeservações</router-link></v-btn>
          
                <v-btn  value="Contatos"><router-link to="/contatos" style="text-decoration:none">Contatos</router-link></v-btn> 



<v-card>
                <v-tabs bg-color="primary">
                    <v-tab value="one"><router-link to="/endereco" style="text-decoration:none">Endereço de Entrega</router-link></v-tab>
                    <v-tab value="two"><router-link to="/cobranca" style="text-decoration:none">Endereço de Cobrança</router-link></v-tab>
                    <v-tab value="three"><router-link to="/referencias" style="text-decoration:none">Referencias</router-link></v-tab>
                </v-tabs>

                <v-card-text>
                <v-window >
                    <v-window-item value="one"> One </v-window-item>

                    <v-window-item value="two"> Two </v-window-item>

                    <v-window-item value="three"> Three </v-window-item>
                </v-window>
                </v-card-text>
            </v-card>



{
      path: '/',
      name: 'home',
      component: HomeView
    },
    {
      path: '/about',
      name: 'about',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/AboutView.vue')
    },



<v-responsive class="border pa-4">     
                <v-card height="200">
                    
                </v-card>
            </v-responsive> 

https://codingbeautydev.com/blog/vuetify-margin-and-padding/

https://stackoverflow.com/questions/42308879/how-to-solve-npm-error-npm-err-code-elifecycle

https://stackoverflow.com/questions/42308879/how-to-solve-npm-error-npm-err-code-elifecycle

https://vuejs.org/api/component-instance.html

https://www.codementor.io/@mtt/5-ways-to-change-component-colors-and-styles-using-vuetify-13oz2o0pt0

https://vueschool.io/lessons/dynamic-routes?friend=vuerouter