diff --git a/index.html b/index.html
index 143557b..48a72ff 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
-
Vite + Vue + TS
+ World Component
diff --git a/package-lock.json b/package-lock.json
index 38d8f25..d261790 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,13 +8,15 @@
"name": "world-component",
"version": "0.0.0",
"dependencies": {
- "vue": "^3.2.47"
+ "three": "^0.153.0",
+ "vue": "^3.3.4",
+ "vue-facing-decorator": "^2.1.20"
},
"devDependencies": {
- "@vitejs/plugin-vue": "^4.1.0",
- "typescript": "^5.0.2",
+ "@vitejs/plugin-vue": "^4.2.3",
+ "typescript": "^5.1.5",
"vite": "^4.3.9",
- "vue-tsc": "^1.4.2"
+ "vue-tsc": "^1.8.3"
}
},
"node_modules/@babel/parser": {
@@ -784,6 +786,11 @@
"node": ">=0.10.0"
}
},
+ "node_modules/three": {
+ "version": "0.153.0",
+ "resolved": "https://registry.npmjs.org/three/-/three-0.153.0.tgz",
+ "integrity": "sha512-OCP2/uQR6GcDpSLnJt/3a4mdS0kNWcbfUXIwLoEMgLzEUIVIYsSDwskpmOii/AkDM+BBwrl6+CKgrjX9+E2aWg=="
+ },
"node_modules/typescript": {
"version": "5.1.5",
"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.1.5.tgz",
@@ -857,6 +864,14 @@
"@vue/shared": "3.3.4"
}
},
+ "node_modules/vue-facing-decorator": {
+ "version": "2.1.20",
+ "resolved": "https://registry.npmjs.org/vue-facing-decorator/-/vue-facing-decorator-2.1.20.tgz",
+ "integrity": "sha512-Xv987Q+XhhWTPXxzG4HllHxckMahV04wDcRebdd/AWlU/hYm7+tGRo2eD84mpl3rZLZQ74Cr41UlWbGbEQptNA==",
+ "peerDependencies": {
+ "vue": "^3.0.0"
+ }
+ },
"node_modules/vue-template-compiler": {
"version": "2.7.14",
"resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.14.tgz",
diff --git a/package.json b/package.json
index 0b84803..d2dd460 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,9 @@
"preview": "vite preview"
},
"dependencies": {
- "vue": "^3.3.4"
+ "three": "^0.153.0",
+ "vue": "^3.3.4",
+ "vue-facing-decorator": "^2.1.20"
},
"devDependencies": {
"@vitejs/plugin-vue": "^4.2.3",
diff --git a/src/App.vue b/src/App.vue
deleted file mode 100644
index bb666a8..0000000
--- a/src/App.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-
-
-
-
-
-
-
-
diff --git a/src/WorldComponent.vue b/src/WorldComponent.vue
new file mode 100644
index 0000000..86c2e54
--- /dev/null
+++ b/src/WorldComponent.vue
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
deleted file mode 100644
index 7b25f3f..0000000
--- a/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-
-
-
- {{ msg }}
-
-
-
-
- Edit
- components/HelloWorld.vue
to test HMR
-
-
-
-
- Check out
- create-vue, the official Vue + Vite starter
-
-
- Install
- Volar
- in your IDE for a better DX
-
- Click on the Vite and Vue logos to learn more
-
-
-
diff --git a/src/main.ts b/src/main.ts
index 2425c0f..5c263d6 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,5 +1,5 @@
import { createApp } from 'vue'
import './style.css'
-import App from './App.vue'
+import WorldComponent from './WorldComponent.vue'
-createApp(App).mount('#app')
+createApp(WorldComponent).mount('#app')
diff --git a/tsconfig.json b/tsconfig.json
index f82888f..5e46dfb 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,10 +1,12 @@
{
- "compilerOptions": {
- "target": "ES2020",
- "useDefineForClassFields": true,
+ "compilerOptions": {
+ "target": "ES2020",
+ "useDefineForClassFields": true,
"module": "ESNext",
"lib": ["ES2020", "DOM", "DOM.Iterable"],
- "skipLibCheck": true,
+ "skipLibCheck": true,
+ "experimentalDecorators": true,
+
/* Bundler mode */
"moduleResolution": "bundler",