Help please, card input fields not rendering using web payment sdk in VUE

Hi everyone, I was trying to integrate card payment fields into my own vue project using example square official provided, we use router to direct payment confirm page to card payment field input page where customer can type card number, cvv, expire date, but it looks like only payment button was rendered and those input fields are showing blank on page as below
Screen Shot 2021-09-28 at 10.56.49 am

After click link those input fields are showing blank as below

router page code

payment.vue payment input fields page code :

Is there anyone can shed some lights on why the payment input fields are not rendering? Many Thanks.

:wave: Are there any console errors that may help understand why the form fields aren’t showing?