Need a Quasar/Vue 3 freelancer for nested and recursive menus
Budget: $10 – $30 USD
I need a freelancer with strong knowledge of Quasar and Vue 3 Composition API script setup. I require a component for a nested menu, using the Quasar qItem and qMenu components (see model.png).
Sample data is in data.js. It is important to note that the levels may vary, so the component must be recursive to handle any number of levels in the data.
Please check the btnMenu.vue file for how the recursive menu component should be invoked.
Requirements:
1. The component must be recursive.
2. Avoid using provide or inject.
3. Submenu opening should be triggered by both click and mouseover.
4. I need control over the behavior of closing all menus when the mouse leaves them. There must be a variable that, if set to true, closes all open menus after 1 second of mouse inactivity. If set to false, all open menus remain open.
5. Navigation must be smooth and intuitive.
Deliverables:
A .vue file with the component (and a .js file for a Pinia store if needed).
Additional Information:
If necessary, you may use a Pinia store: const storeApp = useApp() to share states.
To test and verify everything is working correctly, you can provide a testing link, such as ngrok. Once verified, I will expect the deliverables to be sent, and payment will be released.
Add the word 'copito' at the start of your application to be considered.
Offers without that word will be flagged and reported as spam.
Sample data is in data.js. It is important to note that the levels may vary, so the component must be recursive to handle any number of levels in the data.
Please check the btnMenu.vue file for how the recursive menu component should be invoked.
Requirements:
1. The component must be recursive.
2. Avoid using provide or inject.
3. Submenu opening should be triggered by both click and mouseover.
4. I need control over the behavior of closing all menus when the mouse leaves them. There must be a variable that, if set to true, closes all open menus after 1 second of mouse inactivity. If set to false, all open menus remain open.
5. Navigation must be smooth and intuitive.
Deliverables:
A .vue file with the component (and a .js file for a Pinia store if needed).
Additional Information:
If necessary, you may use a Pinia store: const storeApp = useApp() to share states.
To test and verify everything is working correctly, you can provide a testing link, such as ngrok. Once verified, I will expect the deliverables to be sent, and payment will be released.
Add the word 'copito' at the start of your application to be considered.
Offers without that word will be flagged and reported as spam.