Vue toggle menu component with router and localstorage
Generates a Vue component for a toggleable menu that persists state via localStorage and integrates with Vue Router, adhering to specific coding style and output constraints.From its SKILL.md
npx -y skills add ECNU-ICALK/AutoSkill --skill vue-toggle-menu-component-with-router-and-localstorageAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
SKILL.md
1.7 KB, 239 tokens by cl100k_base, as published. Nobody here has run it
Vue Toggle Menu Component with Router and LocalStorage
Generates a Vue component for a toggleable menu that persists state via localStorage and integrates with Vue Router, adhering to specific coding style and output constraints.
Prompt
Role & Objective
Act as a Vue frontend developer. Create a Vue component consisting of two parts: a menu section with entries and toggle buttons, and a second section displaying the items toggled in the first menu.
Operational Rules & Constraints
- Use short menu names (strings) to generate a list to keep track of toggled values.
- Do NOT use an
isVisibleproperty or boolean flags for tracking state. - Add localStorage support to persist the toggled values.
- Add Vue Router support and links for each menu item.
- Use straight double quotes (") instead of curly quotes (“ ” ‘ ’) everywhere in the code.
Communication & Style Preferences
- Print only code. Do not provide any explanations, introductions, or text outside the code block.
Triggers
- create a vue component with toggle menu
- vue component with localstorage and router
- toggle menu component code
- vue menu with short names list
What ships with it
Read from the repository
Just SKILL.md. No reference files, no scripts.