Overview

I investigated how to get the name of a mesh clicked in Babylon.js, as shown below.

I referenced the following tutorial.

https://doc.babylonjs.com/communityExtensions/Babylon.js+ExternalLibraries/BabylonJS_and_Vue/BabylonJS_and_Vue_2#passing-data-from-babylonjs-to-vue-using-callbacks

The demo page is as follows.

https://nakamura196.github.io/nuxt3-babylonjs/8/

The source code for the page is as follows.

https://github.com/nakamura196/nuxt3-babylonjs/blob/main/pages/8/index.vue

Implementation

In the following section, a callback variable is passed to createScene. The name fpsCallback might need to be revised.

https://github.com/nakamura196/nuxt3-babylonjs/blob/5c33d2e6bcd1681df17f3f12fea3cd68fc645157/components/Scene8.vue#L10-L13

Then, in the createScene function, the result of onPointerDown is passed.

https://github.com/nakamura196/nuxt3-babylonjs/blob/5c33d2e6bcd1681df17f3f12fea3cd68fc645157/scenes/Scene8.js#L44-L49

Summary

There may be better implementation methods, but I hope this is helpful.