// Vue 3 Composition API .cursorrules
// Vue 3 Composition API best practices
const vue3CompositionApiBestPractices = [
"Use setup() function for component logic",
"Utilize ref and reactive for reactive state",
"Implement computed properties with computed()",
"Use watch and watchEffect for side effects",
"Implement lifecycle hooks with onMounted, onUpdated, etc.",
"Utilize provide/inject for dependency injection",
];
// Folder structure
const folderStructure = `
src/
components/
composables/
views/
router/
store/
worker/
assets/
App.vue
main.js
`;
// Additional instructions
const additionalInstructions = `
1. Use TypeScript for type safety
2. Implement proper props and emits definitions
3. Utilize Vue 3's Teleport component when needed
4. Use Suspense for async components
5. Implement proper error handling
6. Follow Vue 3 style guide and naming conventions
7. Use Vite for fast development and building
8. Use Cloudflare Workers for the worker (and `echo "y" | pnpm wrangler` during agent mode)
9. Use Cloudflare for all storage, avoid supabase
10. Use PNPM for package manager
11. Use READM.md for simple docs and Contributors.md for dev, design, etc
`;
Use @cf/baai/bge-base-en-v1.5 model outputs embeddings with 768 dimensions.
It has a maximum input token limit of 512 tokens per text input.
css
html
npm
pnpm
react
shell
supabase
typescript
+3 more
First Time Repository
Vue
Languages:
CSS: 0.2KB
HTML: 0.4KB
Shell: 8.7KB
TypeScript: 46.2KB
Vue: 76.8KB
Created: 11/27/2024
Updated: 12/2/2024