38 lines
936 B
Plaintext
38 lines
936 B
Plaintext
|
// Uniapp Vue 3 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/
|
||
|
|
static/
|
||
|
|
ui/
|
||
|
|
App.vue
|
||
|
|
main.ts
|
||
|
|
`;
|
||
|
|
|
||
|
|
// Additional instructions
|
||
|
|
|
||
|
|
const additionalInstructions = `
|
||
|
|
1. Follow the uniapp vue3 version
|
||
|
|
2. Pay attention to the compatibility of mobile APP
|
||
|
|
3. Implement proper props and emits definitions
|
||
|
|
4. Utilize Vue 3's Teleport component when needed
|
||
|
|
5. Use Suspense for async components
|
||
|
|
6. Implement proper error handling
|
||
|
|
7. Follow Vue 3 style guide and naming conventions
|
||
|
|
8. Use Vite for fast development and building
|
||
|
|
`;
|
||
|
|
|