feat: LDP-1749: Add support for language prefix for menu API calls (#87)

* feat: LDP-1749: Add support for language prefix for menu API calls.

* feat: LDP-1749: Use localized menu endpoints only if enabled in module options.

Author: TurtlBbx

README.md

@@ -65,6 +65,8 @@ You may also take a look at the [example project](https://github.com/drunomics/l
   `$$$NAME$$$` is replaced by the menu name being fetched. To enable menu fetching, un-comment the nuxtServerInit action
   in `store/init.js`.
 
+- `useLocalizedMenuEndpoint`: If enabled, the menu endpoint will use a language prefix as configured by [nuxtjs/i18n](https://i18n.nuxtjs.org) module. Defaults to `true`.
+
 - `useProxy`: If set to `dev-only` and nuxt is in dev-mode, the module automatically 
   configures `/api` to the Drupal backend via 
   [@nuxtjs/proxy](https://github.com/nuxt-community/proxy-module) and uses it instead of 

lib/module.mjs

@@ -7,6 +7,7 @@ async function drupalCe (moduleOptions) {
   const defaultOptions = {
     baseURL: process.env.DRUPAL_BASE_URL || 'http://localhost:8888',
     menuEndpoint: 'api/menu_items/$$$NAME$$$',
+    useLocalizedMenuEndpoint: true,
     addRequestFormat: 'custom_elements',
     addRequestContentFormat: false,
     addVueCompiler: true,

lib/plugin.mjs

@@ -199,7 +199,11 @@ const storeModule = {
     },
     async getMenu ({ commit }, { name, config, context, options, axios }) {
       config.params = config.params ?? {}
-      const path = options.menuEndpoint.replace('$$$NAME$$$', name)
+      let path = options.menuEndpoint.replace('$$$NAME$$$', name)
+      if (options.useLocalizedMenuEndpoint && this.$i18n) {
+        // API path with localization
+        path = this.localePath('/' + path)
+      }
       try {
         const { data } = await axios.get(path, config)
         commit('setMenu', { name, data })