fixed #1989, login block hover on ipad

web/themes/custom/materiotheme/assets/scripts/main.js

@@ -50,6 +50,7 @@ import VMainContent from 'vuejs/components/Content/MainContent'
 import VSearchBlock from 'vuejs/components/Block/SearchBlock'
 import VLeftContent from 'vuejs/components/Content/LeftContent'
 import VHeaderMenu from 'vuejs/components/Content/HeaderMenu'
+import VLanguageSwitcher from 'vuejs/components/Content/LanguageSwitcher'
 import GlobCoolLightBox from 'vuejs/components/Content/GlobCoolLightBox'
 
 import { mapState } from 'vuex'
@@ -62,7 +63,7 @@ import 'theme/assets/styles/print.scss'
 
 import MA from 'vuejs/api/ma-axios'
 
-export let _v_sitebranding_block, _v_user_block, _v_header_menu,
+export let _v_sitebranding_block, _v_user_block, _v_header_menu, _v_language_switcher,
   _v_pagetitle_block, _v_search_block,
   _v_main_content, _v_left_content,
   _v_glob_coollightbox
@@ -119,6 +120,7 @@ export let _v_sitebranding_block, _v_user_block, _v_header_menu,
         initVSiteBrandingBlock()
         initVPagetitleBlock()
         initVHeaderMenu()
+        initVLanguageSwitcher()
         initHamburgerMenu()
         initVSearchBlock()
         initVMainContent()
@@ -206,6 +208,21 @@ export let _v_sitebranding_block, _v_user_block, _v_header_menu,
       })
     }
 
+    function initVLanguageSwitcher () {
+      console.log('initVLanguageSwitcher')
+      const id = 'block-languageswitcher'
+      const $html_obj = document.querySelector('#' + id)
+      console.log('initVLanguageSwitcher $html_obj', $html_obj)
+      const html = $html_obj.outerHTML
+      console.log('initVLanguageSwitcher html', html)
+      _v_language_switcher = new Vue({
+        store,
+        i18n,
+        router,
+        render: h => h(VLanguageSwitcher, { props: { id: id, dom_html: html } })
+      }).$mount('#' + id)
+    }
+
     function updateLanguageLinksBlock (path) {
       // update block language selection
       console.log('router beforeEach path ', path)