javascript - VueInstantSearch(Algolia) の ais-refinement-list がリストをレンダリングしない

Question

algolia の絞り込みリスト ウィジェットを使用して問題が発生しました。まず、結果のデータ構造は次のようになります。

[
   {
      objectID: 999,
      title: 'some title',
      categories: [
        {
           id: 444,
           name: 'some name',
        },
        {...},
      ]
   }
]

私のページにはそのタイプの構造があります：

    <ais-instant-search
      :search-client="searchClient"
      :initial-ui-state="{
        index_Name: { query: searchedValue },
      }"
      index-name="index_Name"
    >
        <ais-index index-name="index_Name">
            <ais-configure
              :filters="facetsFilters"
              :facets="['categories.id']"
              :hits-per-page.camel="items"
            />
            <ais-refinement-list attribute="categories.id" />
            <div> ...Some other widgets nested in divs as ais-search-box, ais-sort-by, etc </div>
        </ais-index>
    </ais-instant-search>

ais-configure 内で、次のような内容の文字列を含む facetsFilters 変数をフィルターに渡しました。

"categories.id:1 OR categories.id:5"

ここで絞り込みリストを取得しようとすると、選択したカテゴリ内で結果が得られ、問題が発生します。

<ais-refinement-list attribute="categories.id" />

ダッシュボードでは、この属性は attributesForFacetings として追加され、ais-configure フィルター パラメーターでは、categories.id も適切に機能しますが、空のリストがあります。

どんな提案でも大歓迎です！