Este projeto é uma aplicação web para gerenciar uma agenda de contatos. Utiliza o Vue.js com Vuetify para a interface do usuário e inclui funcionalidades para adicionar, editar e deletar contatos. Além disso, implementa uma formatação especial para números de telefone com DDD 11, destacando essas entradas com um fundo azul e texto branco.

• Vue.js: Framework JavaScript progressivo para a construção de interfaces de usuário.
• Vuetify: Biblioteca de componentes de UI para Vue.js, baseada no Material Design.
• Bootstrap: Biblioteca de CSS para estilização rápida e responsiva.
• VMask: Plugin Vue para máscaras de entrada.

• Adicionar Contato: Adicione novos contatos à agenda.
• Editar Contato: Edite as informações de contatos existentes.
• Deletar Contato: Remova contatos da agenda.
• Formatação de Telefone: Máscara para formatação de números de telefone.
• Destaque de DDD 11: Contatos com DDD 11 são destacados com uma cor de fundo azul e texto branco.

• index.html: Arquivo principal contendo a estrutura HTML e a lógica Vue.js.
• style: Seção de estilos onde as classes CSS são definidas, incluindo a classe especial .ddd-11.

1. Clone o Repositório

   git clone https://github.com/seu-usuario/agenda-de-contatos.git
   cd agenda-de-contatos

2. Abra o Arquivo HTML

   Abra o arquivo index.html no seu navegador preferido para visualizar e interagir com a aplicação.

No arquivo index.html, dentro da tag <style>, adicionamos a classe CSS .ddd-11 para estilizar linhas com o DDD 11:

<style>
  .ddd-11 {
    background-color: blue !important;
    color: white;
  }
</style>

Modificamos o componente v-data-table para aplicar a classe condicionalmente usando a propriedade :item-class:

<v-data-table :headers="headers" :items="desserts" class="elevation-2" :item-class="applyClass">
  <!-- ...restante do código... -->
</v-data-table>

No script Vue, adicionamos o método applyClass para retornar a classe ddd-11 se o telefone começar com "(11)":

methods: {
  applyClass(item) {
    return item.phone.startsWith('(11)') ? 'ddd-11' : '';
  },
  // ...restante dos métodos...
}

1. Fork o Projeto

2. Crie sua Feature Branch

   git checkout -b feature/nova-feature

3. Commit suas Mudanças

   git commit -m 'Adiciona nova feature'

4. Push para a Branch

   git push origin feature/nova-feature

5. Abra um Pull Request

Este projeto está licenciado sob a licença MIT - veja o arquivo LICENSE para mais detalhes.

Agradecemos a todos os contribuidores e à comunidade open source por tornar este projeto possível.