How to run run vue-text-highlight basic usage?

Question

I want to run an example from the basic usage section of https://github.com/AlbertLucianto/vue-text-highlight . I see a blank page when I open index.html in Firefox.

The code I'm using is at https://github.com/michaelhochleitner/vue-text-highlight-basic-usage .

I took the syntax for

<script>
module.exports = {
    data: function () {
        return {
            queries: ['birds', 'scatt'],
            description: 'Tropical birds scattered as Drake veered the Jeep'
        };
    }
}
</script>

from https://v2.vuejs.org/v2/guide/single-file-components.html .

Why does index.html not display anything?

belvederef · Accepted Answer · 2019-09-20 15:26:14Z

2

You cannot use import statements in .js files like that. That is reserved syntax that converts a package in files that your bundle can then use. I recommend getting started with the vue-cli so that you can work on a fully-fledged Vue project and import/use packages the way you described.

answered Sep 20, 2019 at 15:26

belvederef

2,29321 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Osvald Laurits Over a year ago

Thanks. I managed to run the example using vue-cli. Example project: github.com/michaelhochleitner/tat1 .

Collectives™ on Stack Overflow

How to run run vue-text-highlight basic usage?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related