[vchess.git] / client / next_src / components / TestComp.vue

<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);
		//	});
		//console.log(this.$variants);

		// TODO: components which need to access user.name and user.id should
		// import a module with a function to get this from localStorage (or anonymous)
	},
	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>
Commit	Line	Data
625022fd BA	1	<template>
	2	<div class="test">
	3	<h3>Ecosystem</h3>
	4	<p>Test comp</p>
	5	</div>
	6	</template>
	7
	8	<script>
	9	export default {
	10	name: "HelloWorld",
	11	props: {
	12	vname: String
	13	},
	14	created: async function() {
	15	//console.log("@variants/" + this.vname + ".js");
	16	// En fait "V" est une variable globale, donc juste "V = vModule.V;"
	17	const vModule = await import("../variants/" + this.vname + ".js");
	18	const V = vModule.V;
	19	var instance = new V();
	20	instance.show();
	21	//import("/src/variants/" + this.vname + ".js")
	22	// .then((V) => {
	23	// console.log(V);
	24	// });
03470390 BA	25	//console.log(this.$variants);
	26
	27	// TODO: components which need to access user.name and user.id should
	28	// import a module with a function to get this from localStorage (or anonymous)
625022fd BA	29	},
	30	methods: {
	31	//...
	32	},
	33	};
	34	</script>
	35
	36	<!-- Add "scoped" attribute to limit CSS to this component only -->
	37	<style scoped lang="scss">
	38	h3 {
	39	margin: 40px 0 0;
	40	}
	41	ul {
	42	list-style-type: none;
	43	padding: 0;
	44	}
	45	li {
	46	display: inline-block;
	47	margin: 0 10px;
	48	}
	49	a {
	50	color: #42b983;
	51	}
	52	</style>