How to integrate gsplat in Nuxt 3?

[rowild]

I am trying to get gsplat working in a Nuxt 3 project. In the "Viewer" component I use this code:

import * as THREE from 'three'
import * as SPLAT from 'gsplat';

console.log('THREE =', THREE);
console.log('SPLAT =', SPLAT.Viewer);

const viewer = new SPLAT.Viewer({
  'cameraUp': [0.01933, -0.75830, -0.65161],
  'initialCameraPosition': [1.54163, 2.68515, -6.37228],
  'initialCameraLookAt': [0.45622, 1.95338, 1.51278],
  'sphericalHarmonicsDegree': 2
});

let path = 'https://dl.rowild.at/models/gs/gs__felsen_in_burgenland.ply';

onMounted(async () => {
  console.log('mounted');
  console.log(' mounted THREE =', THREE);
  console.log(' mounted SPLAT =', SPLAT);

  viewer.addSplatScene(path, {
    'progressiveLoad': false
  })
  .then(() => {
      viewer.start();
  });

});

However, i do get the error message SPLAT.Viewer is not a constructor. So I tried to extend the nuxt-config.ts with threse lines of code:

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  [...]
  build: {
    transpile: ['gsap', 'three', 'gsplat'],
  },
  plugins: [
    { src: '~/plugins/gsap.client.js', mode: 'client' },
  ],
  // vite: {
  //   optimizeDeps: {
  //     include: ['three', 'gsplat'],
  //   },
  // },
})

To no avail (adding gsplat as a module causes an error during the npm build pipeline).

Removing the new in new SPLAT.Viewer changes the error message to SPLAT.Viewer is not a function..- I am truly confused!
Please let me know how to solve that riddle! Thank you!

[rowild]

Wrong repo, sorry!