autoInit not triggered for dynamically added DOM elements after route change in Nuxt

[kzamanbd]

Hi Preline team 👋,

I'm using Preline UI in a Nuxt project with the following plugin setup:

import { type Router } from 'vue-router';

// Preline UI
import 'preline';

export default defineNuxtPlugin(nuxtApp => {
    const router = nuxtApp.$router as Router;

    router.afterEach(async () => {
        setTimeout(() => window.HSStaticMethods.autoInit());
    });
});

Problem

The autoInit() method works as expected after navigating to a new route. However, if new DOM elements are injected dynamically (e.g., via v-if, v-for, or click events), autoInit() does not re-trigger, and those elements don’t get initialized properly.

Expected behavior

I'd like autoInit() to detect and initialize any newly added DOM elements, even when they are inserted after the initial route change.

Question

Is there a recommended way to manually or automatically re-trigger autoInit() when new components/elements are added to the DOM after interaction?