fix: set ssr appId in mounted hook

vm. is not yet set in beforeMount

Author: pimlie

src/shared/mixin.js

@@ -75,16 +75,14 @@ export default function createMixin(Vue, options) {
           this.$root._vueMeta.initialized = this.$isServer
 
           if (!this.$root._vueMeta.initialized) {
-            ensuredPush(this.$options, 'beforeMount', () => {
+            // we use the mounted hook here as on page load
+            ensuredPush(this.$options, 'mounted', () => {
               // if this Vue-app was server rendered, set the appId to 'ssr'
               // only one SSR app per page is supported
               if (this.$root.$el && this.$root.$el.hasAttribute('data-server-rendered')) {
                 this.$root._vueMeta.appId = 'ssr'
               }
-            })
 
-            // we use the mounted hook here as on page load
-            ensuredPush(this.$options, 'mounted', () => {
               if (!this.$root._vueMeta.initialized) {
                 // used in triggerUpdate to check if a change was triggered
                 // during initialization

test/unit/components.test.js

@@ -102,12 +102,15 @@ describe('client', () => {
 
   test('doesnt update when ssr attribute is set', () => {
     html.setAttribute(defaultOptions.ssrAttribute, 'true')
-    const wrapper = mount(HelloWorld, { localVue: Vue })
+    const wrapper = mount(HelloWorld, {
+      localVue: Vue,
+      attrs: {
+        'data-server-rendered': true
+      }
+    })
 
     const { tags } = wrapper.vm.$meta().refresh()
-    // TODO: fix this test, not sure how to create a wrapper with a attri
-    // bute data-server-rendered="true"
-    expect(tags).not.toBe(false)
+    expect(tags).toBe(false)
   })
 
   test('changed function is called', async () => {
@@ -229,7 +232,12 @@ describe('client', () => {
       }
     })
 
-    const wrapper = mount(component, { localVue: Vue })
+    const wrapper = mount(component, {
+      localVue: Vue,
+      attrs: {
+        'data-server-rendered': true
+      }
+    })
     expect(html.getAttribute('theme')).not.toBe('dark')
 
     await vmTick(wrapper.vm)