Big Bang

2020-04-21 23:53:00 -05:00
commit 65a20d9501
6 changed files with 12197 additions and 0 deletions
--- a/example/HelloWorld.component.js
+++ b/example/HelloWorld.component.js
@@ -0,0 +1,27 @@
+import { Component } from './vues6.js'
+
+const template = `
+<div>
+	<h1>{{ message }} (Changes: {{ changes }})</h1>
+	<h2>{{ tagline }}</h2>
+	<button type="button" @click="onClick">Click Me!</button>
+	<input type="text" v-model="message">
+</div>
+`
+
+export default class HelloWorldComponent {
+	static get selector() { return 'hello-world' }
+	static get props() { return ['tagline'] }
+	static get template() { return template }
+
+	message = 'Hello World'
+	changes = 0
+
+	onClick() {
+		this.message += '!'
+	}
+
+	watch_message(nv, ov) {
+		this.changes += 1
+	}
+}
--- a/example/components.js
+++ b/example/components.js
@@ -0,0 +1,7 @@
+import HelloWorldComponent from './HelloWorld.component.js'
+
+const components = {
+	HelloWorldComponent,
+}
+
+export { components }
--- a/example/index.html
+++ b/example/index.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<title>VuES6 Test</title>
+	</head>
+	<body>
+		<div id="vue-app">
+			<hello-world tagline="This is a test!"></hello-world>
+		</div>
+		<script src="vue-2.6.11.js"></script>
+		<script src="vues6.js" type="module"></script>
+		<script type="module">
+			import { components } from './components.js'
+			import VuES6Loader from './vues6.js'
+
+			const loader = new VuES6Loader(components)
+			loader.load()
+
+			const app = new Vue({
+				el: '#vue-app',
+				data: {}
+			})
+		</script>
+	</body>
+</html>
--- a/example/vue-2.6.11.js
+++ b/example/vue-2.6.11.js