<ContentList></ContentList>

[johnkomarnicki]

https://content.nuxtjs.org/api/components/content-list

the docs specify, you can add a query prop. How does this work, does anyone know? Not sure why there is no example showing how to use that prop?

Type appears to be an object. this is what i have, but does not seem to be working.

            <ContentList
              v-slot="{ list }"
              :query="{ tags: { $contains: filterType } }"
            >
              <div v-for="article in list" :key="article.id">
                <ArticleCard :cardData="article" />
              </div>
            </ContentList>

[johnkomarnicki]

This appears to be how you do it.

Another issue or question i have for anyone is my filter query is dynamic. Is there anyway to update this ContentList Component to rerender when that query is updated? Right now it only works on a refresh

            <ContentList
              :query="{
                where: {
                  tags: { $contains: filterType },
                },
              }"
              path="/articles"
              v-slot="{ list }"
            >
              <div v-for="article in list" :key="article.id">
                <ArticleCard :cardData="article" />
              </div>
            </ContentList>