Why hidden modal by setTimeout?

[MrHeer]

First of all, Thank you develop this awesome app. There is a problem to me. In some long word, the modal be hidden while the audio still playing.

cpwp/src/App.vue

Lines 90 to 92 in 621044e

	setTimeout(() => {
	modal.value = false
	}, 1000)

Maybe can use ended event

[antfu]

Sure. PR welcome!

[MrHeer]

I will try.

[MrHeer]

There are some problem when I run pmpm install.

$ pnpm install

Progress: resolved 552, reused 552, downloaded 0, added 552, done
node_modules/.pnpm/vue-demi@0.13.1_vue@3.0.0-rc.8/node_modules/vue-demi: Running postinstall script...
node_modules/.pnpm/esbuild@0.6.28/node_modules/esbuild: Running postinstall script, failed in 36ms
.../esbuild@0.6.28/node_modules/esbuild postinstall$ node install.js
│ Unsupported platform: darwin arm64 LE
└─ Failed in 36ms
node_modules/.pnpm/esbuild@0.6.17/node_modules/esbuild: Running postinstall script...

I try to upgrade esno to 0.8.0, I installed success. But some new problems When I run pnpm dev

> cpwp@0.0.0 dev ./cpwp
> vite --port 3333 --open

[vite] Optimizable dependencies detected:
@vueuse/core, vue

  Dev server running at:
  > Local:    http://localhost:3333/
  > Network:  http://192.168.1.5:3333/


[vite] SFC <script setup> compilation error:
./cpwp/src/App.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.

./cpwp/src/App.vue
71 |  import { ref } from 'vue'
72 |  import raw from './data.json'
73 |
   |   ^
74 |  export const data = ref(raw)
   |  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
75 |  export const word = ref('')

warn - You have enabled experimental features: applyComplexClasses, uniformColorPalette, extendedSpacingScale, extendedFontSizeScale
warn - Experimental features are not covered by semver, may introduce breaking changes, and can change at any time.

[vite] SFC <script setup> compilation error:
./cpwp/src/components/Footer.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.

./cpwp/src/components/Footer.vue
15 |  </template>
16 |
17 |  <script setup lang='ts'>
   |                           ^
18 |  export { isDark } from '/~/utils'
   |  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
19 |  </script>

[vite] SFC <script setup> compilation error:
./Src/cpwp/src/components/Icon.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.

./Src/cpwp/src/components/Icon.vue
10 |    icon: string
11 |  }
12 |
   |   ^
13 |  export const el = ref<HTMLElement | null>(null)
   |  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
14 |