Updating example with new features

Author: ktquez

example/src/main.js

@@ -1,10 +1,10 @@
 import Vue from 'vue'
-import App from './App.vue'
-import router from './router.js'
-
 import VueHead from 'vue-head'
 import Toasted from 'vue-toasted'
 import VueAnnouncer from '../vue-announcer'
+import App from './App.vue'
+import router from './router.js'
+
 
 Vue.use(VueHead)
 Vue.use(Toasted, {

example/src/pages/About.vue

@@ -2,30 +2,34 @@
   <div>
     <h2>About Page</h2>
     <!-- data-va is used for internal testing, it is not required -->
-    <button type="button" data-va="toasted" @click="notify">
+    <button
+      type="button"
+      data-va="toasted"
+      @click="notify"
+    >
       trigger notification
     </button>
   </div>
 </template>
 
 <script>
-  export default {
-    name: 'About',
-    head: {
-      title: {
-        inner: 'About page'
-      }
-    },
-    methods: {
-      notify () {
-        let message = `Hi, it's a toasted notification`
-        this.$toasted.success(message)
-        this.$announcer.set(message)
-      }
+export default {
+  name: 'About',
+  methods: {
+    notify () {
+      const message = 'Hi, it\'s a toasted notification'
+      this.$toasted.success(message)
+      this.$announcer.set(message)
+    }
+  },
+  head: {
+    title: {
+      inner: 'About page'
     }
   }
+}
 </script>
 
 <style>
 
-</style>
+</style>

example/src/pages/Contact.vue

@@ -5,16 +5,16 @@
 </template>
 
 <script>
-  export default {
-    name: 'Contact',
-    head: {
-      title: {
-        inner: 'Contact page'
-      }
+export default {
+  name: 'Contact',
+  head: {
+    title: {
+      inner: 'Contact page'
     }
   }
+}
 </script>
 
 <style>
 
-</style>
+</style>

example/src/pages/Home.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script>
-  export default {
-    name: 'Home'
-  }
+export default {
+  name: 'Home'
+}
 </script>
 
 <style>
 
-</style>
+</style>

example/src/router.js

@@ -1,52 +1,40 @@
+import About from '@/pages/About'
+import Contact from '@/pages/Contact'
+import Home from '@/pages/Home'
 import Vue from 'vue'
 import VueRouter from 'vue-router'
 
-import Home from '@/pages/Home'
-import About from '@/pages/About'
-import Contact from '@/pages/Contact'
 
 Vue.use(VueRouter)
 
 const router = new VueRouter({
   mode: 'history',
   routes: [
     {
-      beforeEnter (to, from, next) {
-        router.app.$announcer.setComplementRoute('has loaded')
-
-        next()
-      },
       name: 'home',
       path: '/',
       component: Home,
       meta: {
-        announcer: 'Home page'
+        announcer: {
+          message: 'Home page',
+          complementRoute: 'has loaded'
+        }
       }
     },
     {
-      beforeEnter (to, from, next) {
-        router.app.$announcer.setComplementRoute('has loaded')
-
-        next()
-      },
       name: 'about',
       path: '/about',
-      component: About,
-      meta: {
-        announcer: 'About page'
-      }
+      component: About
     },
     {
-      beforeEnter (to, from, next) {
-        router.app.$announcer.setComplementRoute('has fully loaded')
-
-        next()
-      },
       name: 'contact',
       path: '/contact',
       component: Contact,
       meta: {
-        announcer: 'Contact page'
+        announcer: {
+          politeness: 'assetive',
+          complementRoute: 'has fully loaded'
+        }
       }
     }
   ]

example/webpack.config.js

@@ -1,5 +1,5 @@
-var path = require('path')
-var webpack = require('webpack')
+const path = require('path')
+const webpack = require('webpack')
 
 module.exports = {
   entry: './src/main.js',
@@ -15,8 +15,8 @@ module.exports = {
         use: [
           'vue-style-loader',
           'css-loader'
-        ],
-      },      {
+        ]
+      }, {
         test: /\.vue$/,
         loader: 'vue-loader',
         options: {
@@ -41,7 +41,7 @@ module.exports = {
   },
   resolve: {
     alias: {
-      'vue$': 'vue/dist/vue.esm.js',
+      vue$: 'vue/dist/vue.esm.js',
       '@': path.resolve(__dirname, 'src/')
     },
     extensions: ['*', '.js', '.vue', '.json']