Uninstall forceNextTick and added a simple doubleRequestAnimationFrame function

Author: ktquez

package-lock.json

@@ -58,7 +58,6 @@
     "jest": "^25.1.0",
     "jest-serializer-vue": "^2.0.2",
     "jest-transform-stub": "^2.0.0",
-    "vue-jest": "^3.0.5",
     "rollup": "^1.29.0",
     "rollup-plugin-babel": "^3.0.4",
     "rollup-plugin-buble": "^0.19.8",
@@ -72,7 +71,7 @@
     "standard-version": "^7.1.0",
     "surge": "^0.21.3",
     "vue": "^2.6.11",
-    "vue-force-next-tick": "^1.0.3",
+    "vue-jest": "^3.0.5",
     "vue-template-compiler": "^2.6.11"
   }
 }

package.json

@@ -1,11 +1,11 @@
-import VueForceNextTick from 'vue-force-next-tick'
 import { OPTIONS } from './constants'
 import VueAnnouncer from './vue-announcer.vue'
 
+const draf = (cb) => requestAnimationFrame(() => requestAnimationFrame(cb))
+
 export default function install (Vue, options = {}, router = null) {
   options = { ...OPTIONS, ...options }
 
-  Vue.use(VueForceNextTick)
   Vue.component('VueAnnouncer', VueAnnouncer)
   Vue.prototype.$announcer = {
     options,
@@ -16,7 +16,7 @@ export default function install (Vue, options = {}, router = null) {
         if (politeness) {
           this.data.politeness = politeness
         }
-        Vue.$forceNextTick(() => {
+        draf(() => {
           this.data.content = message
         })
       }
@@ -40,15 +40,18 @@ export default function install (Vue, options = {}, router = null) {
   // If set the router, will be announced the change of route
   if (router) {
     router.afterEach(to => {
-      const msg = to.meta.announcer.message || document.title.trim()
-      const complement = to.meta.announcer.complementRoute || options.complementRoute
-      const politeness = to.meta.announcer.politeness || null
-      Vue.prototype.$announcer.set(`${msg} ${complement}`, politeness)
+      draf(() => { // Resolves the problem of getting the correct title when the meta announcer is not passed
+        const announcer = to.meta.announcer || {}
+        const msg = announcer.message || document.title.trim()
+        const complement = announcer.complementRoute || options.complementRoute
+        const politeness = announcer.politeness || null
+        Vue.prototype.$announcer.set(`${msg} ${complement}`, politeness)
+      })
     })
   }
 }
 
-// auto install
+// Auto install
 if (typeof window !== 'undefined' && typeof window.Vue !== 'undefined') {
   window.Vue.use(install)
 }