Vue skill

O que ela faz

A skill, gerada por Anthony Fu a partir da documentação oficial do Vue, tem como base o Vue 3.5. Ela fixa preferências: TypeScript, <script setup lang="ts">, sempre Composition API, shallowRef no lugar de ref quando não precisa de reatividade profunda e evitar desestruturar as props.

Os detalhes ficam em três referências: as macros do script setup (defineProps, defineEmits, defineModel, defineSlots e outras), reatividade e ciclo de vida (ref, computed, watch, composables) e os componentes e diretivas nativos, como Transition, Teleport, Suspense, KeepAlive e v-memo. Tem ainda um modelo de componente pronto e a lista das importações mais usadas.

Nas palavras de quem fez

Quando usar

• Escrever um componente .vue novo
• Converter um componente antigo de Options API pra Composition API
• Ligar um campo de formulário ao componente pai com defineModel
• Abrir um modal por cima da página com Teleport
• Reagir a mudança de dado com watch ou watchEffect

Depois de instalar, é só pedir assim

• Cria um componente Vue de campo de busca com v-model e TypeScript
• Converte esse componente de Options API pra script setup
• Faz esse modal abrir por cima de tudo usando Teleport

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

• Gen Agent Trust HubPassou
• SocketPassou
• SnykPassou

Perguntas