Universal Nuxt and VUe snippets collection that work wherever you code

Website

Made with 💚 for the Nuxt community

---

🚀 About

Nuppets is more than just a snippet collection - it’s a universal hub for Nuxt and Vue development resources. Starting with carefully crafted snippets available across multiple platforms (Raycast, VS Code, and more), Nuppets aims to become the go-to resource for everything that makes Nuxt / Vue development more efficient.

✨ Features

• 📱 Cross-Platform: Works with Raycast, VS Code, and more
• 🎯 Purpose-Built: Specifically designed for Nuxt and Vue development
• 🔄 Always Updated: Regular updates to match Nuxt / Vue’s evolution
• 🎨 Customizable: Easy to adapt to your workflow
• 🤝 Community-Driven: Built by developers, for developers

Actually, there is no support for VS Code yet. But it’s on the roadmap!

🤝 Contributing

Contributing to Nuppets is straightforward! We use Nuxt Content, making it easy to add new snippets.

1. Fork the repository
2. Create a new .yml file in the content/snippets directory
3. Follow the existing snippet format:

name: component
description: Create a new Vue component with script, template, and style
keyword: cc # The keyword used to trigger the snippet (don't specify prefix or suffix)
body: |
  <script setup lang="ts">
  
  </script>

  <template>
    <div>
      
    </div>
  </template>

  <style scoped>
  
  </style>

4. Submit a PR and we’ll review it as soon as possible!

That’s it! No complex setup required. The project is designed to be as simple as possible to encourage contributions.

Published under the APACHE license.
Made by @HugoRCD and community 💛

🤖 auto updated with automd (last updated: Sat Feb 08 2025)