How to set component name in setup script?

[jackchoumine]

<script>
// I want to set comoponent name
export default {
  name: 'ShowTime'
}
</script>

<script setup>
import { onMounted, ref } from 'vue'

const currentTime = ref('')
onMounted(() => {
  setInterval(() => {
    currentTime.value = new Date()
    // emit()
  }, 1000)
})
</script>

but eslint tell vue/no-lifecycle-after-await and vue/no-ref-as-operand error ,then delete

export default {
  name: 'ShowTime'
}

although disable these rule.

My eslint deps :

"devDependencies": {
    "@typescript-eslint/eslint-plugin": "^5.0.0",
    "@typescript-eslint/parser": "^5.0.0",
    "@vitejs/plugin-vue": "^1.9.3",
    "@vue/eslint-config-prettier": "^6.0.0",
    "@vue/eslint-config-typescript": "^8.0.0",
    "eslint": "^8.0.1",
    "eslint-plugin-prettier": "^4.0.0",
    "eslint-plugin-vue": "^7.19.1",
    "lint-staged": "^11.2.3",
    "prettier": "^2.4.1",
  },

How to set component name in setup script?

[posva]

Rfcs are not for questions