[Vue] File-Upload - Can't custom preview template

[QuentinDEME97]

"Hello there"

I'm using Vue3 and Vite. I'm using the file-upload example and I don't get how to customize the template.

What we see in the DOM is always the content we can see in index.ts from the file-upload plugin sources.

So can you explain me how to customize this template ?

This is what I have in my App.vue.

onMounted(async () => {
    await nextTick()
    // Use a longer timeout to ensure Preline has initialized
    setTimeout(() => {
      console.log('HSS init')
      window.HSStaticMethods?.autoInit()
    })
  })

I also copied and paste the code from the example.

An there is my main.ts

import './assets/main.css'

import { createApp } from 'vue'
import { createPinia } from 'pinia'

import App from './App.vue'
import router from './router'

import $ from 'jquery'
import _ from 'lodash'
import * as noUiSlider from 'nouislider'
import 'datatables.net'
import 'dropzone/dist/dropzone-min.js'
import * as VanillaCalendarPro from 'vanilla-calendar-pro'

window._ = _
window.$ = $
window.jQuery = $
window.DataTable = $.fn.dataTable
window.noUiSlider = noUiSlider
window.VanillaCalendarPro = VanillaCalendarPro

const app = createApp(App)

app.use(createPinia())
app.use(router)

app.mount('#app')

// Preline UI
import('preline/dist/index.js')

Thanks!

PS: The code currently works, there is no bug, probably just something I don't understand.