- Immersive Experience
+
+
+
+
+
+
+
diff --git a/src/components/XR.vue b/src/components/XR.vue
new file mode 100644
index 0000000..0551d08
--- /dev/null
+++ b/src/components/XR.vue
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/index.ts b/src/components/index.ts
index ee214f6..9f1e8cb 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -1,7 +1,8 @@
import ARButton from './ARButton.vue'
import VRButton from './VRButton.vue'
import XRButton from './XRButton.vue'
+import XR from './XR.vue'
export {
- ARButton, VRButton, XRButton
+ ARButton, VRButton, XRButton, XR
}
\ No newline at end of file
diff --git a/src/composables/useXR.ts b/src/composables/useXR.ts
index e69de29..1658852 100644
--- a/src/composables/useXR.ts
+++ b/src/composables/useXR.ts
@@ -0,0 +1,19 @@
+// export function useXR(
+// selector: StateSelector = (state) => state as unknown as T,
+// equalityFn?: EqualityChecker
+// ) {
+// const store = React.useContext(XRContext)
+// if (!store) throw new Error('useXR must be used within an component!')
+// return store(selector, equalityFn)
+// }
+
+// export function useController(handedness: XRHandedness) {
+// const controllers = useXR((state) => state.controllers)
+// const controller = React.useMemo(
+// () => controllers.find(({ inputSource }) => inputSource?.handedness && inputSource.handedness === handedness),
+// [handedness, controllers]
+// )
+
+// return controller
+// }
+
\ No newline at end of file