Stable (?) stub

1 year ago · 2e164affb8
8 changed files with 60 additions and 80 deletions
--- a/index.html
+++ b/index.html
@ -4,7 +4,7 @@
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Vue + TS</title>
+    <title>World Component</title>
  </head>
  <body>
    <div id="app"></div>
--- 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",
--- 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",
--- a/src/App.vue
+++ b/src/App.vue
@ -1,30 +0,0 @@
-<script setup lang="ts">
-import HelloWorld from './components/HelloWorld.vue'
-</script>
-
-<template>
-  <div>
-    <a href="https://vitejs.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-    </a>
-  </div>
-  <HelloWorld msg="Vite + Vue" />
-</template>
-
-<style scoped>
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
-}
-</style>
--- a/src/WorldComponent.vue
+++ b/src/WorldComponent.vue
@ -0,0 +1,29 @@
+<template>
+  <div>
+  </div>
+</template>
+
+<script lang="ts">
+  import {  Component, Vue } from 'vue-facing-decorator';
+
+  @Component
+  export default class WorldComponent extends Vue {
+  }
+
+</script>
+
+
+<style scoped>
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.vue:hover {
+  filter: drop-shadow(0 0 2em #42b883aa);
+}
+</style>
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@ -1,38 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-
-defineProps<{ msg: string }>()
-
-const count = ref(0)
-</script>
-
-<template>
-  <h1>{{ msg }}</h1>
-
-  <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
-    <p>
-      Edit
-      <code>components/HelloWorld.vue</code> to test HMR
-    </p>
-  </div>
-
-  <p>
-    Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
-  </p>
-  <p>
-    Install
-    <a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a>
-    in your IDE for a better DX
-  </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
-</template>
-
-<style scoped>
-.read-the-docs {
-  color: #888;
-}
-</style>
--- 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')
--- 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",