UContentNavigation can't handle custom active states

[stijns96]

Environment

• Operating System: Darwin
• Node Version: v20.10.0
• Nuxt Version: 3.15.4
• CLI Version: 3.21.1
• Nitro Version: 2.10.4
• Package Manager: [email protected]
• Builder: -
• User Config: compatibilityDate, future, devtools, modules, css
• Runtime Modules: @nuxt/[email protected], @nuxt/[email protected]
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.0-alpha.12

Reproduction

<script setup>
const route = useRoute();

const navigation = ref([
  {
    title: 'Announcement bar',
    to: {
      path: route.path,
      query: {
        ...route.query,
        collection: 'Announcement bar'
      }
    },
    active: true
  },
  {
    title: 'Hero',
    to: {
      path: route.path,
      query: {
        ...route.query,
        collection: 'Hero'
      }
    },
    active: false
  }
])
</script>

<template>
  <UContentNavigation :navigation="navigation" variant="link" />

  <pre>
    {{ navigation }}
  </pre>
</template>

Description

In V2 I could make links active by query values. Somehow in V3 it looks like it fully ignores my current active state. Even tho the values are hardcoded now.

Additional context

No response

Logs

[stijns96]

Looks like removing active and add exactQuery: 'partial' does the trick