refactor: update spa-router import to use CDN and rename Router class to SPARouter

Author: ralyodio

webxr/examples/vr-router-example.html

@@ -171,7 +171,7 @@ <h2>Loading WebXR Experience</h2>
         "three": "https://unpkg.com/[email protected]/build/three.module.js",
         "three/examples/jsm/webxr/VRButton.js": "https://unpkg.com/[email protected]/examples/jsm/webxr/VRButton.js",
         "three/examples/jsm/webxr/XRControllerModelFactory.js": "https://unpkg.com/[email protected]/examples/jsm/webxr/XRControllerModelFactory.js",
-        "@profullstack/spa-router": "/public/js/modules/spa-router/index.js"
+        "@profullstack/spa-router": "https://esm.sh/@profullstack/spa-router@1.12.13"
       }
     }
   </script>

webxr/index.html

@@ -161,7 +161,7 @@ <h1>WebXR Experience</h1>
         "three": "https://unpkg.com/[email protected]/build/three.module.js",
         "three/examples/jsm/webxr/VRButton.js": "https://unpkg.com/[email protected]/examples/jsm/webxr/VRButton.js",
         "three/examples/jsm/webxr/XRControllerModelFactory.js": "https://unpkg.com/[email protected]/examples/jsm/webxr/XRControllerModelFactory.js",
-        "@profullstack/spa-router": "/public/js/modules/spa-router/index.js"
+        "@profullstack/spa-router": "https://esm.sh/@profullstack/spa-router@1.12.13"
       }
     }
   </script>

webxr/src/ui/vr-router.js

@@ -5,7 +5,7 @@
  * allowing for different "scenes" or "views" within the VR environment.
  */
 
-import { Router } from '@profullstack/spa-router';
+import { Router as SPARouter } from '@profullstack/spa-router';
 
 export class VRRouter extends HTMLElement {
   constructor() {
@@ -69,7 +69,7 @@ export class VRRouter extends HTMLElement {
     };
 
     // Initialize the router
-    this.router = new Router(routerConfig);
+    this.router = new SPARouter(routerConfig);
 
     // Navigate to the initial route
     const initialRoute = this.getAttribute('initial-route') || '/';