How to use ol-ext with nuxt?

I’m trying to use vuelayers in a nuxt application. I have created a plugin like this:

import Vue from 'vue'
import VueLayers from 'vuelayers'

Vue.use(VueLayers)

Now, I want to use the strategy for loadingBBox

loadingStrategyFactory () {
        // VueLayers.olExt available only in UMD build
        // in ES build it should be imported explicitly from 'vuelayers/lib/ol-ext' 
        return loadingBBox
      },

But when I do this:

<script>
    import {loadingBBox} from 'vuelayers/lib/ol-ext'

    export default {

I get an error: Unexpected token export.

What’s the correct way?

[ghettovoice]

Yes, you are right. In that case you see you load only part of the layer. Then when you move the map, this will trigger new load with the new view bbox and etc.

[niklashaa]

My solution to using ol-ext was to use require in the method where I needed it:

    styleFuncFactory() {
      var olStyle = require("vuelayers/lib/ol-ext/style.js");
      return function __styleFuncFactory(feature) {
        const size = feature.getProperties().size;
        return [
          olStyle.createStyle({
            imageRadius: size,
            strokeWidth: 1.25,
            strokeColor: "#3399cc",
            fillColor: [255, 255, 255, 0.4],
          }),
        ];
      };
    },

Don`t know if this is best practice or not but it works.