glb model is not found after I run npm run build in vite

[shadybassily]

So, in my project, my glb models are working fine in dev env, but when I run npm run build, then npm run serve to test it locally before production, the model is not being fetched.
const gltf = useLoader(GLTFLoader, "./public/models/cube.glb")

this is the dist folder created after npm run build

[shadybassily]

so I managed to fix the issue, and it was all about the path.
since models folder is in the public folder, I should import it as
./models/cube.gltf not ./public/models/cube.gltf