tailwind css with vue3 and vite 설치 후 에러 문의

안녕하세요! <기본 프로그램 설치하기> 아래 설치 링크가 강의 시점보다 과거여서 제 컴퓨터에서는 @vitejs가 detected된다고 나와요.

그래서 vite를 대신 사용하라고 합니다.

https://tailwindcss.com/docs/guides/vue-3-vite

그리고 yarn dev를 통해 purge부분에서 아래와 같은 에러가 납니다. 혹시 해결방법을 아실까요?

VITE v3.1.6 ready in 155 ms

➜ Local: http://127.0.0.1:5173/

➜ Network: use --host to expose

warn - The purge/`content` options have changed in Tailwind CSS v3.0.

warn - Update your configuration file to eliminate this warning.

warn - https://tailwindcss.com/docs/upgrade-guide#configure-content-sources

warn - The darkMode option in your Tailwind CSS configuration is set to false, which now behaves the same as media.

warn - Change darkMode to media or remove it entirely.

warn - https://tailwindcss.com/docs/upgrade-guide#remove-dark-mode-configuration

그리고 아래처럼 script부분에서 export default {} 에서 이슈가 생깁니다. 경고를 주는데, 해결방법을 모르겠습니다.

도와주세요!!!

[plugin:vite:vue] [@vue/compiler-sfc] <script setup> cannot contain ES module exports. If you are using a previous version of <script setup>, please consult the updated RFC at https://github.com/vuejs/rfcs/pull/227.

/Users/****/my-project/src/App.vue
7  |  </template>
8  |  
9  |  <script setup>
   |                 ^
10 |  export default {}
   |  ^^^^^^^^^^^^^^^^^
11 |  </script>