How Nuxt load CSS from node_modules in dynamically imported component

<script setup>
import { onMounted } from "vue";
import Glide, { Autoplay } from "@glidejs/glide/dist/glide.modular.esm";
import "@glidejs/glide/dist/css/glide.core.min.css";

onMounted(() => {
  new Glide(".glide", {
    autoplay: 3000,
  }).mount({ Autoplay });
});
</script>

<template>
  <div class="glide">
    <div class="glide__track h-24" data-glide-el="track">
      <ul class="glide__slides">
        <li
          v-for="n in 10"
          :key="n"
          class="glide__slide border border-black p-4"
        >
          {{ n }}
        </li>
      </ul>
    </div>
  </div>
</template>

<script setup>
const Slider = defineAsynComponent(() => import("./components/Slider.vue"));
const showSlider = ref(false):
</script>

<template>
  <main>
    <button @click="showSlider = !showSlider">
      {{ showSlider ? "Hide" : "Show" }} slider
    </button>
    <Slider v-if="showSlider" />
  </main>
</template>