Ensure working with Vue 3 + custom babel config

[lmiller1990]

Issue found here: vuejs/vue-cli#5714

[lmiller1990]

Should be good in 5.0.0-alpha.2

[Amour1688]

I got error in 5.0.0-aplha.3.

My Babel config

https://github.com/vueComponent/ant-design-vue/blob/feat-vue3/.babelrc

[lmiller1990]

I will take a look at your project. I guess it isn't respecting .babelrc? 🤔

[Amour1688]

I will take a look at your project. I guess it isn't respecting .babelrc? 🤔

yeah, it works when I renamed it to babel.config.js.

[lmiller1990]

I think the later versions of babel don't support .babelrc. Is this a good enough fix for your project? Or do we need to leave this open?

[Wizard67]

How to suport <script setup>?

[lmiller1990]

I have not tried this yet. I was hoping it would "just work" - the SFC compiler (should) take care of it, mostly.

What happens when you tried it?

[Wizard67]

I have not tried this yet. I was hoping it would "just work" - the SFC compiler (should) take care of it, mostly.

What happens when you tried it?

@vue/runtime-core warns [Vue warn]: Property "x" was accessed during render but is not defined on instance. when I run the test script.

reproduction link: https://github.com/Wizard67/vue3-test

[lmiller1990]

Yep, we need to do a check for <script setup>. This should be fairly easy, I will look into it tomorrow or Friday.

More info here: https://github.com/vuejs/rfcs/blob/sfc-improvements/active-rfcs/0000-sfc-script-setup.md#transform-api

[jolting]

<script setup> works. The example needs to be updated a bit because the syntax changed. ``` <script setup lang="ts"> import { defineProps, ref } from 'vue' const props = defineProps({ msg: String }) const count = ref(0) </script>

[lmiller1990]

Script setup keeps changing. We should update the dependencies here and make sure it works with the latest version.