I need to have filters from associative array keys of an attribute


I have array of skills and endorsement counts in each of my users object, now I need to show refine filters like

I tried adding facets like skills.name but didn’t worked.
Doing on Vue search box like below

<ais-refinement-list ref="aisTradieSearchRefineSkills" attribute-name="skills.name" > <h5 slot="header">Filter by Skills</h5> </ais-refinement-list>

Hello @rk822827 - Have you set the attribute skills.name as an attribute for faceting?

I created a test object that matches yours:

{
  "is_service_provider": false,
  "stats": {
    "posts": 0,
    "reach": 0,
    "connections": 0
  },
  "views": [],
  "skills": [
    {
      "name": "Administrative Skills",
      "endorsements_count": 0
    },
    {
      "name": "Analytical Skills",
      "endorsements_count": 0
    },
    {
      "name": "Cognitive Flexibility",
      "endorsements_count": 0
    },
    {
      "name": "Cognitive Skills",
      "endorsements_count": 0
    },
    {
      "name": "Collaboration Skills",
      "endorsements_count": 0
    },
    {
      "name": "Communication Skills",
      "endorsements_count": 0
    },
    {
      "name": "Computer Literacy",
      "endorsements_count": 0
    }
  ],
  "objectID": "57269442"
}

I set skills.name as an attributesForFaceting:

I get the refinementList:

Please let us know how it goes.

If any further issues please provide a codesandbox: https://codesandbox.io/s/github/algolia/create-instantsearch-app/tree/templates/vue-instantsearch