Glide.js don't work

[Jan360]

Why doesn't this work?

<template>
  <div class="hero">
    <div class="glide" id="glide_1">
      <div class="glide__track" data-glide-el="track">
        <ul class="glide__slides">
          <li class="glide__slide">
            <div class="center">
              <div class="left">
                <span>'New Inspiration 2020'</span>
                <h1>'NEW COLLECTION!'</h1>
                <p>"Trending from men's and women's style collection"</p>
                <a href="#" class="hero-btn">SHOP NOW</a>
              </div>
              <div class="right">
                <img src='@/assets/images/hero-1.png'>
              </div>
            </div>
          </li>
          <li class="glide__slide">
              <div class="center">
                <div class="left">
                  <span>New Inspiration 2020</span>
                  <h1>THE PERFECT MATCH!</h1>
                  <p>Trending from men's and women's  style collection</p>
                  <a href="#" class="hero-btn">SHOP NOW</a>
                </div>
                <div class="right">
                  <img class="img2" src="../assets/images/hero-2.png" alt="">
                </div>
              </div>
            </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
import { Glide, GlideSlide } from 'vue-glide-js'
import '@glidejs/glide/dist/css/glide.core.min.css'
 
 export default {
   components: {
     [Glide.name]: Glide,
     [GlideSlide.name]: GlideSlide
   },
   data() {
    return {
      glideOptions: {
        type: 'carousel',
        startAt: 0,
        autoplay: 3000,
        gap: 0,
        hoverpause: true,
        perView: 1,
        animationDuration: 800,
        animationTimingFunc: 'linear'
      }
    };
  },
 }
</script>

[sadeghbarati]

vue-glide-js is too old project which not works on Vue 3

antonreshetov/vue-glide#55

use Glide without Vue wrapper

https://stackblitz.com/edit/vue3-glidejs?file=src%2Fcomponents%2FCarousel.vue

[Jan360]

Added imports and the problem disappeared
import Glide from '@glidejs/glide/dist/glide.esm'
import '@glidejs/glide/dist/css/glide.core.min.css'
import { GlideSlide } from 'vue-glide-js'