It doesn't work (vue3)

[tintin10q]

I followed the instructions:

<template>
  <div>
    hi
    <vue3-q-tel-input v-model:tel="tel" />
  </div>
</template>

<script setup lang="ts">

import {ref} from "vue";

const tel = ref('')

</script>

<script lang="ts">
import Vue3QTelInput from 'vue3-q-tel-input'
import 'vue3-q-tel-input/dist/vue3-q-tel-input.esm.css'

export default {
  name: "Phone",
  components: {Vue3QTelInput}
};
</script>

But I get

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'dark')

Also I couldn't use ~ on the css import when I do that webstorm tells me TypeError: Failed to fetch dynamically imported module

[tintin10q]

Now I get that it just refreshes the page the whole time

[CdTgr]

@tintin10q Can you try to recreate the issue on the latest version?

[CdTgr]

@tintin10q The plugin doesn't use anything related to dark or themes. I hope you have some configurations issues on the quasar.