X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FTestComp.vue;fp=client%2Fsrc%2Fcomponents%2FTestComp.vue;h=5f29c3ff0ade01427dcd2e7b804b23ada1643831;hb=625022fdcf750f0aff8fcd699f7e9b89730e1d10;hp=0000000000000000000000000000000000000000;hpb=b955c65b942d09d24b5c3bed0d755d4f2f8f71f1;p=vchess.git

diff --git a/client/src/components/TestComp.vue b/client/src/components/TestComp.vue
new file mode 100644
index 00000000..5f29c3ff
--- /dev/null
+++ b/client/src/components/TestComp.vue
@@ -0,0 +1,48 @@
+<template>
+  <div class="test">
+    <h3>Ecosystem</h3>
+		<p>Test comp</p>
+	</div>
+</template>
+
+<script>
+export default {
+  name: "HelloWorld",
+  props: {
+    vname: String
+  },
+	created: async function() {
+		//console.log("@variants/" + this.vname + ".js");
+		// En fait "V" est une variable globale, donc juste "V = vModule.V;"
+		const vModule = await import("../variants/" + this.vname + ".js");
+		const V = vModule.V;
+		var instance = new V();
+		instance.show();
+		//import("/src/variants/" + this.vname + ".js")
+		//	.then((V) => {
+		//		console.log(V);
+		//	});
+	},
+	methods: {
+		//...
+	},
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped lang="scss">
+h3 {
+  margin: 40px 0 0;
+}
+ul {
+  list-style-type: none;
+  padding: 0;
+}
+li {
+  display: inline-block;
+  margin: 0 10px;
+}
+a {
+  color: #42b983;
+}
+</style>