Advanced Select not working in Nuxt.js (Vue.js)

[oliver-savi]

On first load, the select component gets rendered correctly. If page or component in v-if change, then it reinitializes the select and adds double element. I have followed the steps from framework guides, but the solution there does not even initialize it on first load.

plugins/preline.client.ts:

import 'preline/preline'

declare var HSStaticMethods: {
  autoInit(collection?: string | string[]): void
}

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.hook('page:finish', () => {
    setInterval(() => {
      HSStaticMethods.autoInit()
    }, 1000)
  })
})

After second load of component, it will look like this:

EDIT: Added a basic demo: https://nuxt-preline-test.netlify.app/test Code: https://github.com/oliver-savi/preline-test

[langscot]

Try running HSStaticMethods.cleanCollection() before your autoInit call.