Vue3 app does not built as descriped in docs - vue.js

Question

I have simple vue3 app. It run well with npm run dev but when I try, as described in the official documentation, npm run build to ship it to production, I got the error below:
$ npm run build
> salaty#0.0.0 build
> vue-tsc --noEmit && vite build
src/main.ts:2:17 - error TS7016: Could not find a declaration file for module './Salaty.vue'. '/home/path/to/Salaty/src/Salaty.vue.js' implicitly has an 'any' type.
2 import App from './Salaty.vue'
~~~~~~~~~~~~~~
Found 1 error.
This src/main.ts :
import { createApp } from 'vue'
import App from './Salaty.vue'
createApp(App).mount('#app')
The application run well in dev. I don't know what is the problem?! I don't think I have to rename files manually before build, do it?!
Update:
Salaty.vue src:
<script>
/*let baseUrl = 'https://api.pray.zone/v2/times/today.json';
let city = 'kafr-saqr';
let timeformat = 1;
let school = 5;*/
import config from './config.json';
import moment from 'moment'
import LoadingComp from './components/LoadingComp.vue';
import Clock from './components/Clock.vue'
export default{
data(){
return {
dataRes: null,
times: null,
now: moment(),
nextTime: null,
error: null,
day: 'today.json'
}
},
computed: {
fetchUrl(){
console.log(config.baseUrl+this.day+'?city='+config.city+'&timeformat='+config.timeformat+'&school='+config.school)
return config.baseUrl+this.day+'?city='+config.city+'&timeformat='+config.timeformat+'&school='+config.school;
},
},
methods: {
async fetchData(){
this.dataRes = null;
try{
const res = await fetch(this.fetchUrl);
this.dataRes = await res.json();
}
catch(error){
this.error= 'Error! Could not reach the API.\n' + error;
alert(this.error)
}
},
},
mounted(){
this.fetchData();
localStorage.setItem("city",config.city);
},
components:{
LoadingComp,Clock
},
watch:{
dataRes(){
if (!this.dataRes) return null;
const cTimes = config.filteredTimes.reduce((obj, key)=>({ ...obj, [key]: this.dataRes.results.datetime[0].times[key] }),{});
for (const t in cTimes){
cTimes[t]=moment(this.dataRes.results.datetime[0].date.gregorian+' '+cTimes[t]);
//console.log(cTimes[t].unix(), this.nextTime, t, typeof(this.nextTime))
if (cTimes[t].unix() > this.now.unix() && this.nextTime == null){
this.nextTime = cTimes[t];
// console.log("YYYYY> ", cTimes[t],t)
cTimes[t].next = true;
}
}
if (this.nextTime == null){
this.day = 'tomorrow.json';
}
this.times = cTimes;
},
day(){
this.fetchData();
},
/*nextTime(){
this.nextTime == null
this.fetchData();
}*/
},
};
</script>
<template>
<Clock #response="(p) => {if(p > this.nextTime) this.fetchData()}" :nextTime="this.nextTime" />
{{ dataRes? dataRes.results.location.city:''}}
<ul v-if="times">
<li v-for="(time,k,i) in times">{{k}} > {{time.format('hh:mm a')}} <strong v-if="time.next">* Upcoming</strong></li>
</ul>
{{times? times.Fajr:''}}
<div v-if="!dataRes && error == null"><LoadingComp /></div>
<pre v-if="dataRes">{{dataRes}}</pre>
</template>