ContentQuery locale does not work

[KhaledAlMana]

Environment

• Operating System: Darwin
• Node Version: v16.18.1
• Nuxt Version: 3.0.0
• Nitro Version: 1.0.0
• Package Manager: yarn@1.22.19
• Builder: vite
• User Config: modules, runtimeConfig, ssr, app, css, build, experimental, components, vite, intlify, vueuse, windicss, content, openidConnect
• Runtime Modules: nuxt-windicss@2.6.0, @intlify/nuxt3@0.2.4, @vueuse/nuxt@9.6.0, @nuxt/content@2.2.0, @pinia/nuxt@0.4.6, nuxt-openid-connect@0.4.2, unplugin-icons/nuxt
• Build Modules: -

Reproduction

Reproduction: https://stackblitz.com/edit/github-jzx7nq
locale property within component does not filter.
locale within where property does not seem to be working as well

const locale = 'ar-SA';

<ContentQuery
  v-slot="{ data }"
  :path="$route.path"
  :find="undefined"
  :locale="locale"
> 
      {{ $route.path }}
      {{ locale }}
      {{ data }}
</ContentQuery>

Describe the bug

Objective:
I have multilingual posts that I need to filter based on user's language.

Bug:
locale property does not work for other than defaultLocale

Additional context

I cannot seem to find enough info about filtering locale in docs or issues
I tried everything in docs, but things seems to be breaking.
For example:
<template #empty>
<template #not-found>
does not work with ContentQuery, unlike what docs says here

UPDATE 1 [10-DEC-2022]:
The below function is the only working locale filtration
const content = await queryContent(query).locale(locale).findOne();

Logs

No response

[KhaledAlMana]

Somehow it worked for me by adding the where property as the following

<template>
  <PageWrapper class="flex flex-col">
    <ContentQuery
      :path="$route.path"
      :locale="locale"
      find="one"
      :where="{ _path: { $eq: $route.path } }"
    >
      <template #default="{ data }">
        <PageHeader>
          <PageTitle :text="data.title" />
        </PageHeader>
        <PageBody>
          <PageSection>
            <ContentRenderer :value="data" />
          </PageSection>
        </PageBody>
      </template>
      <template #empty>
        <h1>Post in empty</h1>
      </template>
      <template #not-found>
        <Error :code="404" wrap />
      </template>
    </ContentQuery>
  </PageWrapper>
</template>

[KhaledAlMana]

:locale is not documented to be used within ContentList but this works just fine.

      <ContentList
        v-slot="{ list }"
        :query="{
          where: { _path: { $ne: $route.path } },
          limit: 5,
          sort: { date: -1 },
        }"
        :locale="locale"
      >
...

[farnabaz]

@KhaledAlMana Could you check edge-channel to confirm that is solved or not?

[KhaledAlMana]

@farnabaz I will check and get back to you.

[KhaledAlMana]

@farnabaz Thanks a lot! it works just fine.
Tested Here