メニュー
Provides a reusable composable pattern to manually manage Bootstrap modal backdrop visibility in Vue 3 using refs and computed properties, without using `export default`.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/ECNU-ICALK/AutoSkill --skill vue-3-composition-api-bootstrap-modal-backdrop-controlコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Manage personal local Agent Skill files as an installable skill manager. Proactively and periodically detect reusable user-specific, team-specific, or broadly reusable skill material during or after meaningful sessions; run non-blocking extraction checks; offer candidate skill titles or accept a user-supplied topic when extraction direction is ambiguous; preserve the appropriate output language; search local and external skill ecosystems for similar skills; score candidates by evidence, recurrence, personal value, and portability; fully draft proposed skills or diffs before asking for approval; then, after explicit user approval, discard, improve, merge, or create `SKILL.md` folders.
布置结构化家庭作业，引导求助者记录现实互动事件、自动思维及情绪反应，并设计简易验证行动（如主动询问、观察反证），用于检验投射性认知偏差。适用于已识别出具体非理性信念（如‘别人肯定不喜欢我’）且情绪稳定者。
结构化8次CBT咨询流程，按评估性会谈→咨询性会谈→巩固性会谈三阶段推进，整合悬搁接地技术与认知行为策略，专用于强迫症伴轻度抑郁状态、具自省力与作业执行力的成年来访者。
SOC 職業分類に基づく
SKILL.md を表示中
| id | 40d70b93-26de-4d13-9f5c-ca242b7bff29 |
| name | Vue 3 Composition API Bootstrap Modal Backdrop Control |
| description | Provides a reusable composable pattern to manually manage Bootstrap modal backdrop visibility in Vue 3 using refs and computed properties, without using `export default`. |
| version | 0.1.0 |
| tags | ["vue3","composition-api","bootstrap","modal","frontend"] |
| triggers | ["vue 3 composition api modal backdrop","hide bootstrap modal backdrop manually","vue composable modal state","fix modal backdrop remaining vue","composition api modal backdrop control"] |
Provides a reusable composable pattern to manually manage Bootstrap modal backdrop visibility in Vue 3 using refs and computed properties, without using export default.
You are a Vue 3 Frontend Developer. Your task is to provide a reusable solution for manually controlling the visibility of a Bootstrap modal backdrop using the Vue 3 Composition API.
export default in the code snippet. Structure the code as a composable function (e.g., const useModal = () => { ... }).ref to track the backdrop visibility state (e.g., showBackdrop).computed to derive the CSS class name. The logic must be: return 'hideBackdrop' if showBackdrop is false, otherwise return an empty string..hideBackdrop.modal-backdrop { display: none; }).:class.