diff --git a/index.html b/index.html index bd157487..2e7a6f95 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,12 @@ -
{{ msg }}
+
+ + + + +
diff --git a/package-lock.json b/package-lock.json index 9e1b1c52..da16d651 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1521,11 +1521,13 @@ }, "balanced-match": { "version": "1.0.0", - "bundled": true + "bundled": true, + "optional": true }, "brace-expansion": { "version": "1.1.11", "bundled": true, + "optional": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -1538,15 +1540,18 @@ }, "code-point-at": { "version": "1.1.0", - "bundled": true + "bundled": true, + "optional": true }, "concat-map": { "version": "0.0.1", - "bundled": true + "bundled": true, + "optional": true }, "console-control-strings": { "version": "1.1.0", - "bundled": true + "bundled": true, + "optional": true }, "core-util-is": { "version": "1.0.2", @@ -1649,7 +1654,8 @@ }, "inherits": { "version": "2.0.3", - "bundled": true + "bundled": true, + "optional": true }, "ini": { "version": "1.3.5", @@ -1659,6 +1665,7 @@ "is-fullwidth-code-point": { "version": "1.0.0", "bundled": true, + "optional": true, "requires": { "number-is-nan": "^1.0.0" } @@ -1671,17 +1678,20 @@ "minimatch": { "version": "3.0.4", "bundled": true, + "optional": true, "requires": { "brace-expansion": "^1.1.7" } }, "minimist": { "version": "0.0.8", - "bundled": true + "bundled": true, + "optional": true }, "minipass": { "version": "2.2.4", "bundled": true, + "optional": true, "requires": { "safe-buffer": "^5.1.1", "yallist": "^3.0.0" @@ -1698,6 +1708,7 @@ "mkdirp": { "version": "0.5.1", "bundled": true, + "optional": true, "requires": { "minimist": "0.0.8" } @@ -1770,7 +1781,8 @@ }, "number-is-nan": { "version": "1.0.1", - "bundled": true + "bundled": true, + "optional": true }, "object-assign": { "version": "4.1.1", @@ -1780,6 +1792,7 @@ "once": { "version": "1.4.0", "bundled": true, + "optional": true, "requires": { "wrappy": "1" } @@ -1885,6 +1898,7 @@ "string-width": { "version": "1.0.2", "bundled": true, + "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", diff --git a/src/components/App.vue b/src/components/App.vue new file mode 100644 index 00000000..d574a35a --- /dev/null +++ b/src/components/App.vue @@ -0,0 +1,88 @@ + + + diff --git a/src/web.entry.js b/src/web.entry.js index bb383171..91759729 100644 --- a/src/web.entry.js +++ b/src/web.entry.js @@ -1,8 +1,18 @@ -import Vue from 'vue' +import Vue from 'vue'; +import './style.scss'; + +import moment from 'moment-timezone'; // Import time libary +moment.tz.setDefault("UTC"); // Set default time to UTC zone +Object.defineProperty(Vue.prototype, '$moment', { get() { return this.$root.moment } }); // Defines a new property directly on an object, create the $Moment object Constructor + +import App from './components/App.vue'; new Vue({ el: '#app', data: { - msg: 'Hello World' + moment // Prop en object shorthand + }, + components: { + App } });