Carousel and .value.select(n) not working correctly

[KealanAU]

Environment

• Operating System: Darwin
• Node Version: v20.12.2
• Nuxt Version: 3.11.2
• CLI Version: 3.11.1
• Nitro Version: 2.9.6
• Package Manager: npm@10.5.0
• Builder: -
• User Config: head, extends, modules, ui, colorMode, devtools, typescript, eslint
• Runtime Modules: @nuxt/content@2.12.1, @nuxt/eslint@0.3.13, @nuxt/ui@2.15.2, @nuxt/fonts@0.6.1, @nuxt/image@1.7.0, @vueuse/nuxt@10.9.0
• Build Modules: -

Version

v2.15.2

Reproduction

https://stackblitz.com/edit/nuxt-ui-ddqck8?file=components%2Fgallery.vue

Description

When using the Carousel API for template ref and attempting to use ref.value.select(n), the select (page) functions only with the example that uses an interval. If you try to set it to start on a specific image in the Carousel when mounted with the usage of onMounted and/or use the next cycle with nextTick, it does not work.

Is there another way we're supposed to be setting on load, or is this a bug?

Additional context

  "dependencies": {
    "@iconify-json/heroicons": "^1.1.20",
    "@iconify-json/simple-icons": "^1.1.100",
    "@nuxt/content": "^2.12.1",
    "@nuxt/fonts": "^0.6.1",
    "@nuxt/image": "^1.6.0",
    "@nuxt/ui-pro": "^1.1.0",
    "@vueuse/core": "^10.9.0",
    "@vueuse/integrations": "^10.9.0",
    "nuxt": "^3.11.2",
    "nuxt-mail": "^5.0.1"
  },
  "dev

Logs

No response

[probablyjassin]

I also just ran into this problem

[KealanAU]

@probablyjassin, if you can find a workaround, please provide an example, I'm still stuck

[probablyjassin]

it just seems to be completely broken unfortunately