🎉 Initial commit

2021-10-29 16:50:11 +02:00 · 2021-10-29 16:50:11 +02:00 · 242c1f4f82
commit 242c1f4f82
2 changed files with 31 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1 @@
+.idea
--- a/index.html
+++ b/index.html
@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<!--suppress JSUnresolvedVariable, JSUnresolvedFunction -->
+<html lang="en">
+    <head>
+        <title>template-vue3-cdn</title>
+        <meta charset="UTF-8"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <script src="https://unpkg.com/vue@3.2.11/dist/vue.global.js"></script>
+        <script>
+            const app = Vue.createApp({
+                template: `
+                    <app-main>
+                    </app-main>
+                `
+            });
+            app.component('app-main', {
+                data: () => ({
+                    message: 'Hello, World !'
+                }),
+                template: `
+                    <main class="app__main">
+                        {{ message }}
+                    </main>
+                `
+            });
+            document.addEventListener('DOMContentLoaded', () => app.mount('.app'));
+        </script>
+    </head>
+    <body class="app"></body>
+</html>