Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Q: Integrate MetroUI (meta tag)

See original GitHub issue

Hi,

from the MetroUi docs (https://metroui.org.ua/vuejs.html):

Add meta tag of late initialization Metro 4 <meta name="metro4:init" content="false">

Initialize Metro 4 in the hook mounted

I have added it to the index.ejs:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="metro4:init" content="false">
    ...

and used the mount-hook to init Metro:

new Vue({
  components: { App },
  router,
  store,
  template: '<App/>',
  mounted: function () {
    Metro.init();
  }
}).$mount('#app');

But this gives me:

[Vue warn]: Error in mounted hook: "ReferenceError: Metro is not defined"

Q: Is it possible to use the meta-tag stuff together with electron/vue?

Thx

Issue Analytics

State:
Created 5 years ago
Comments:6 (3 by maintainers)

Top GitHub Comments

1reaction

thedevbob005commented, Jun 28, 2018

@KingKnecht did you import metro? you need to import metro before referencing it.

0reactions

thedevbob005commented, Jul 1, 2018

@KingKnecht Yep or you can just import them in main.js with import '@/metro4/build/css/metro-all.min.css' which should be the preferred method of importing css from a node package module

Please close this issue since its resolved.

Top Results From Across the Web

Including Metro UI in your page

Begin from 4.3.3, Metro UI initialized after page content was loaded. You can change this behavior with special meta tag metro4:init:mode . This...

Advanced Video Coding - Wikipedia

Advanced Video Coding (AVC), also referred to as H.264 or MPEG-4 Part 10, is a video compression standard based on block-oriented, motion-compensated coding ......

Programming the Mobile Web - WordPress.com

series of meta tags and techniques that we'll cover later in this book. With this technique. (Apple calls it a web app), the...

Search Results - CVE

This vulnerability allows users to embed arbitrary JavaScript code in the Web ... remote attackers adding a Javascript payload to a page's meta...

Fernando Magno Alves - Software Engineer II - Microsoft

I am responsible for the development and maintenance of a framework for developing an integrated ERP of e-commerce and various websites. I coordinated...