Changing locale

[mrleblanc101]

Environment details

1. Specify the API: Any
2. OS type and version: Any
3. Library version and other environment information: Nuxt.js

Steps to reproduce

1. Create a Nuxt app
2. Add @nuxtjs/i18n
3. Change locale in your application front-end
4. This error happen: Loader must not be called again with different options.

Code example

    async mounted() {
        const loader = new Loader({
            apiKey: this.$config.googleMapsKey,
            language: this.$i18n.locale,
        });
        const google = await loader.load();
        this.map = new google.maps.Map(this.$el.querySelector('#map'), {
            zoom: 14,
            mapTypeId: 'satellite',
            center: { lat: 46.8259601, lng: -71.2352226 },
            zoomControl: true,
            mapTypeControl: false,
            scaleControl: false,
            streetViewControl: false,
            rotateControl: false,
            fullscreenControl: true,
            tilt: 0,
            gestureHandling: 'cooperative',
            restriction: {
                strictBounds: true,
                latLngBounds: {
                    north: 85,
                    south: -85,
                    west: -180,
                    east: 180,
                },
            },
        });
    },

I don't see any other way to change the locale.

Following these steps will guarantee the quickest resolution possible.

Thanks!

[keeratita]

what i did for a workaround is to load the script again if locale change detected.

       const loader = new Loader({
            apiKey: this.$config.googleMapsKey,
            language: this.$i18n.locale,
        });

      // this below line is to force remove the private instance in the loader and also remove google instance and also the script
      (Loader as any).instance = null;
      delete window.google;
      loader.deleteScript();

it might not be a good solution but it works for now.

[jpoehnelt]

^ Note that this might have billing implications if you need to recreate map instances.

[jpoehnelt]

duplicate of #210 which is blocked by https://issuetracker.google.com/issues/35819089. please star and upvote that issue