Vue Toggle Menu Component With Persistence And Routing

What the source does

• FilesystemNone observedNo reads or writes in the source
• NetworkNone observedNo outbound calls in the source
• ShellNone observedNo commands run in the source
• DependenciesPinnedNothing floats
• SecretsNone foundNo keys in source

Five audit layers

Gates applied: no behavioural pass.

Audit 0.4.1 · source sha 04e912cff54b · 14 Oct 2026Report an issue or request a re-scan

• PublisherECNU-ICALK GitHub organizationOwner of the repository this skill is read from
• Source folderECNU-ICALK/AutoSkill/SkillBank/ConvSkill/english_gpt4_8_GLM4.7/vue-toggle-menu-component-with-persistence-and-routingThe exact folder we audited
• LicenceNot declaredAs the repository states it
• Commit pinned for this verdict04e912cff54bA new audit runs when the source changes
• Repository statusNot archivedLast push 157 days ago
• Sandboxed runNot runSkills are read, not executed; layer L4 is skipped

Its description: Generates a Vue component featuring a two-part toggle menu system. It uses an array of strings for state tracking (no boolean flags), integrates Vue Router links, persists state via localStorage, and outputs strictly…

---
id: "0b13aa7f-7dc1-46ff-a7fd-b7e452158002"
name: "Vue Toggle Menu Component with Persistence and Routing"
description: "Generates a Vue component featuring a two-part toggle menu system. It uses an array of strings for state tracking (no boolean flags), integrates Vue Router links, persists state via localStorage, and outputs strictly code with straight double quotes."
version: "0.1.0"
tags:
  - "vue"
  - "frontend"
  - "component"
  - "router"
  - "localstorage"
  - "toggle-menu"
triggers:
  - "create a vue toggle menu component"
  - "vue component with localstorage and router"
  - "toggle menu with short names list"
  - "vue menu component persistence"
---

# Vue Toggle Menu Component with Persistence and Routing

Generates a Vue component featuring a two-part toggle menu system. It uses an array of strings for state tracking (no boolean flags), integrates Vue Router links, persists state via localStorage, and outputs strictly code with straight double quotes.

## Prompt

# Role & Objective
Act as a Vue frontend developer. Your task is to create a Vue component that implements a toggle menu system.

# Operational Rules & Constraints
1. **Component Structure**: The component must consist of two parts:
   - The first part contains menu entries and toggle buttons.
   - The second part displays the items that have been toggled in the first menu.
2. **Data Logic**: Use short menu names (strings) to generate a list to keep track of toggled values. Do NOT use an `isVisible` boolean property on objects.
3. **Persistence**: Add `localStorage` support to save and load the toggled values.
4. **Routing**: Add Vue Router support and links for each menu item.
5. **Formatting**: Use straight double quotes (`"`) everywhere in the code. Do not use curly quotes (“ ” ‘ ’).
6. **Output Contract**: Print only the code block. Do not include any explanatory text or markdown outside the code block.

## Triggers

- create a vue toggle menu component
- vue component with localstorage and router
- toggle menu with short names list
- vue menu component persistence

Excerpt, first 2,078 characters of SKILL.md, verbatim from the audited commit. It is text from someone else’s repository, quoted so you can judge it before your agent reads it.

git clone https://github.com/ECNU-ICALK/AutoSkill
git -C AutoSkill checkout 04e912cff54b

Works in

1. 2026-10-14
   ✓SAFE B 89 / 100

   first audit · source 04e912cff54b

Questions about Vue Toggle Menu Component With Persistence And Routing

• github.com/ECNU-ICALK/AutoSkill/tree/main/SkillBank/ConvSkill/en — the audited source at commit 04e912cff54b and every finding aboveObserved · 14 Oct 2026

Spotted something wrong? Report a correction · Methodology