ボタンをクリックして、v-bindで画像を切り替える(Vue3)

v-bindで画像を切り替えようとしたらできない。なんでや。。。

メモ書き
＊＊＊

画像の格納先をassetではなく、publicに置いたらできた。

index.vue

<template>
  <img :src="Img">
  <button @click="changeImg">変われ</button>
</template>

<script setup lang="ts">
import { ref } from 'vue'
// 画像はassetではなく、publicに置く
const Img = ref<any>('/first.svg')
const changeImg = () => {
  Img.value = '/second.svg';
}
</script>

＊＊＊
これでもいけるかも

index.vue

<script setup lang="ts">
import firstImg from '../../asset/first.svg'
import ｓecondImg from '../../asset/second.svg'

</script>