Emmunaf · May 9, 2020 12:57
diff --git a/VueUMDExample.html b/VueUMDExample.html
 <!DOCTYPE html>
 <html>
 <!-- Working example for UMD usage of vue components (vue-burger-menu used as test) -->
 <head>
    <!-- Meta tags -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- vue dev-->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <!-- Vue Production:
 		<script src="https://cdn.jsdelivr.net/npm/[email protected]">
 		-->
    <script src="https://unpkg.com/[email protected]/dist/vue-burger-menu.umd.js"></script>
    <!-- More info on vue usage without nodejs stack: https://stackoverflow.com/questions/50052853/using-components-without-npm-inside-existing-web-page -->
    <title>Title</title>
 </head>

 <body>
    <div id="app">
        <Slide>
            <a id="home" href="#">
                <span>Home</span>
            </a>
        </Slide>

        <main id="page-wrap">
            <center>
                <p>{{ message }}</p>
            </center>
        </main>
    </div>

    <script>
        Vue.component("Menu", window["vue-burger-menu"].Menu);
        Vue.component("Slide", window["vue-burger-menu"].Slide);

        //for local inclusion of component:var Slide = window["vue-burger-menu"].Slide.default; components: { Slide}
        var app = new Vue({
            el: "#app",
            data: {
                message: "Hello Vue!"
            }
        });
    </script>
 </body>

 </html>
	<!DOCTYPE html>
	<html>
	<!-- Working example for UMD usage of vue components (vue-burger-menu used as test) -->
	<head>
	<!-- Meta tags -->
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<!-- vue dev-->
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<!-- Vue Production:
	<script src="https://cdn.jsdelivr.net/npm/[email protected]">
	-->
	<script src="https://unpkg.com/[email protected]/dist/vue-burger-menu.umd.js"></script>
	<!-- More info on vue usage without nodejs stack: https://stackoverflow.com/questions/50052853/using-components-without-npm-inside-existing-web-page -->
	<title>Title</title>
	</head>

	<body>
	<div id="app">
	<Slide>
	<a id="home" href="#">
	<span>Home</span>
	</a>
	</Slide>

	<main id="page-wrap">
	<center>
	<p>{{ message }}</p>
	</center>
	</main>
	</div>

	<script>
	Vue.component("Menu", window["vue-burger-menu"].Menu);
	Vue.component("Slide", window["vue-burger-menu"].Slide);

	//for local inclusion of component:var Slide = window["vue-burger-menu"].Slide.default; components: { Slide}
	var app = new Vue({
	el: "#app",
	data: {
	message: "Hello Vue!"
	}
	});
	</script>
	</body>

	</html>