How to make Web Component work in Laravel/Vue framework?

Hello! I've been trying to make work file-viewer. I've already registered the package in app.js But I can't even make the example work. Any idea? I am missing something? Or if you know a better/similar package, would really appreciate it.

    <file-viewer
        id="file-viewer"
        filename="sample.pdf"
        url="https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf"
    ></file-viewer>

Link to the package => https://www.npmjs.com/package/file-viewer

automica

5 years ago

Level 54

@yuhliel can you show how you’ve registered your package?

Usually I would expect to see any errors if package isn’t playing properly in the terminal when I am recompiling my js. If you install Vue developer tools for your browser then this should also give you an idea of what is going on.

1 like

yuhliel

5 years ago

Level 7

Hi! Thank you for taking the time to read my question.

I am just doing a basic import on app.js and added polyfills to support older browsers.

import  'file-viewer';

and on the html

<script src="webcomponents/webcomponents-loader.js"></script>

No error at the moment of running the watcher, neither in the console.

sahil1711

2 years ago

Level 2

I am currently stuck on a similar problem , would appreciate assistance thanks.

martinbean

2 years ago

Level 80

@sahil1711 Then create your own thread with your own question, instead of bumping a three year old one.

Please or to participate in this conversation.