Updated vue sample

Author: nmetulev

samples/examples/onboarding/index.html

@@ -39,9 +39,7 @@ <h1>
             <template data-type="event">
               <div class="root">
                 <div class="time-container">
-                  <div class="date">
-                    {{ dayFromDateTime(event.start.dateTime)}}
-                  </div>
+                  <div class="date">{{ dayFromDateTime(event.start.dateTime)}}</div>
                   <div class="time">{{ timeRangeFromEvent(event) }}</div>
                 </div>
                 <div class="separator">
@@ -82,9 +80,7 @@ <h1>
             <template data-type="task-details">
               <div class="wrapper">
                 <div>{{task.title}}</div>
-                <div>
-                  &#128197; {{dayFromDateTime(task.dueDateTime.dateTime)}}
-                </div>
+                <div>&#128197; {{dayFromDateTime(task.dueDateTime.dateTime)}}</div>
               </div>
             </template>
           </mgt-todo>

samples/vue-app/src/App.vue

@@ -1,10 +1,10 @@
 <template>
   <div id="app" :class="{ loggedOut: !signedIn, loggedIn: signedIn }">
-    <mgt-msal-provider
-      client-id="a974dfa0-9f57-49b9-95db-90f04ce2111a"
+    <mgt-msal2-provider
+      client-id="2dfea037-938a-4ed8-9b35-c05708a1b241"
       scopes="user.read,people.read,user.readbasic.all,contacts.read,calendars.read,files.read,group.read.all,tasks.readwrite"
     >
-    </mgt-msal-provider>
+    </mgt-msal2-provider>
 
     <header v-if="!signedIn">
       <h1>My Organizer</h1>
@@ -22,7 +22,7 @@
 
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator';
-import { MgtMsalProvider, MgtLogin, ProviderState, Providers } from '@microsoft/mgt';
+import { ProviderState, Providers } from '@microsoft/mgt';
 import LoggedInPage from './components/LoggedInPage.vue';
 
 @Component({

samples/vue-app/src/main.ts

@@ -1,12 +1,8 @@
 import Vue from 'vue';
 import App from './App.vue';
 
-// import { MgtBaseComponent } from '@microsoft/mgt/dist/es6/components/baseComponent';
-
-// MgtBaseComponent.useShadowRoot = false;
-
 Vue.config.productionTip = false;
 
 new Vue({
-  render: (h) => h(App),
+  render: h => h(App)
 }).$mount('#app');