{
  "id": "skill-area:vue-components",
  "_kind": "SkillArea",
  "_file": "domain/skill-areas/skill-areas-frontend.yaml",
  "_cluster": "domain",
  "attributes": {
    "displayName": "Vue Component Design",
    "description": "Designing Vue 3 components with the Composition API: reactivity,\nrefs vs reactive, composables, slots, and SFC patterns.\n",
    "domains": [
      "specialization:web-development"
    ],
    "requiresFrameworks": [
      "framework:vue"
    ],
    "expertiseLevels": [
      "novice",
      "intermediate",
      "expert"
    ]
  },
  "outgoingEdges": [
    {
      "from": "skill-area:vue-components",
      "to": "specialization:web-development",
      "kind": "applies_to",
      "attributes": {
        "confidence": "primary"
      }
    },
    {
      "from": "skill-area:vue-components",
      "to": "framework:vue",
      "kind": "uses_framework"
    },
    {
      "from": "skill-area:vue-components",
      "to": "framework:vue",
      "kind": "uses_framework",
      "attributes": {}
    }
  ],
  "incomingEdges": [
    {
      "from": "framework:vue",
      "to": "skill-area:vue-components",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:vue-components",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "stack-profile:nuxt-supabase-stack",
      "to": "skill-area:vue-components",
      "kind": "requires_skill_area"
    },
    {
      "from": "lib-agent:web-development--vue-developer",
      "to": "skill-area:vue-components",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-skill:web-development--pinia",
      "to": "skill-area:vue-components",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-skill:web-development--svelte",
      "to": "skill-area:vue-components",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-skill:web-development--vue-development",
      "to": "skill-area:vue-components",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 1
      }
    }
  ]
}