在https://codepen.io/hamigua2019/pen/WNoPyzX中运行vue代码出现的两个bug，还是没有解决

代码如下

html

<div id="counter">
  Counter: {
    
    {
    
     counter }}
</div>

js

const Counter = {
    
    
  data() {
    
    
    return {
    
    
      counter: 0
    }
  }
}

Vue.createApp(Counter).mount('#counter')

这样直接运行时，报vue没有定义的错

加了import { createApp } from 'vue’以后，又报“Uncaught SyntaxError: Cannot use import statement outside a module”的错。
那该怎么办？

import {
    
     createApp } from 'vue'

const Counter = {
    
    
  data() {
    
    
    return {
    
    
      counter: 0
    }
  }
}

Vue.createApp(Counter).mount('#counter')

看看教程。