V6.1.1 init with pagination, pagination DOM is empty

This is a (multiple allowed):

• bug

• Swiper Version: EXACT RELEASE VERSION OR COMMIT HASH, HERE.

V6.1.1

• Platform/Target and Browser Versions: PLATFORM CLIENT YOU ARE TARGETING SUCH AS macOS, Windows, CORDOVA, IOS, ANDROID, CHROME, ETC.

macOS, CHROME

• Live Link or JSFiddle/Codepen or website with isssue: PREFERABLY (IF YOU WANT YOUR ISSUE TO BE RESOLVED ASAP).

https://codepen.io/believezjp/pen/xxVOboe

What you did

EXPLAIN WHAT YOU DID, PREFERABLY WITH CODE EXAMPLES, HERE.

new Swiper('.swiper-container', {
        // need pagination
        pagination: {
          el: '.swiper-pagination',
          type: 'bullets'
       }
})

use Swiper in a vue.js project, init with pagination, check DOM <div class="swiper-pagination"></div> there is no bullets in pagination DOM.

Expected Behavior

EXPLAIN WHAT IS TO BE EXPECTED, HERE.

show pagination bullets DOM in <div class="swiper-pagination"></div>

Actual Behavior

EXPLAIN WHAT IS ACTUALLY HAPPENING, HERE.

P.S. Remember, an issue is not the place to ask questions. You can use Stack Overflow for that.

Before you open an issue, please check if a similar issue already exists or has been closed before.

[GitOfZGT]

I known why!

but import Swiper from "swiper/swiper-bundle.esm.js" is ok!

[nolimits4web]

You can clearly see it is working correct here https://stackblitz.com/edit/swiper-demo-3-pagination-dhkdwx?file=index.html