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 @@ - - - - - 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",