feat(#427): add multilingual content support

components/druxt/block-region/Header.vue

@@ -7,9 +7,8 @@
 
     <b-collapse id="nav-collapse" class="ml-auto" is-nav>
       <b-navbar-nav class="ml-auto">
-        <b-nav-item>
-          <b-button v-b-toggle.search><BIconSearch /></b-button>
-        </b-nav-item>
+        <DruxtBlockLanguageBlock />
+        <b-nav-item v-b-toggle.search>Search</b-nav-item>
       </b-navbar-nav>
 
       <!-- Main menu -->
@@ -23,11 +22,3 @@
     </b-collapse>
   </b-container>
 </template>
-
-<script>
-import { BIconSearch } from 'bootstrap-vue'
-
-export default {
-  components: { BIconSearch },
-}
-</script>

components/druxt/block/LanguageBlock.vue

@@ -0,0 +1,46 @@
+<template>
+  <b-nav-item-dropdown
+    v-if="!$fetchState.pending"
+    :text="selected"
+  >
+    <b-dropdown-item
+      v-for="language of languages.filter((o) => o.attributes.drupal_internal__id !== 'und')"
+      :key="language.attributes.drupal_internal__id"
+      :to="`/${language.attributes.drupal_internal__id}`"
+    >
+      {{ language.attributes.label }}
+    </b-dropdown-item>
+  </b-nav-item-dropdown>
+
+  <span v-else />
+</template>
+
+<script>
+import { DrupalJsonApiParams } from 'drupal-jsonapi-params'
+import { DruxtBlocksBlockMixin } from 'druxt-blocks'
+
+export default {
+  mixins: [DruxtBlocksBlockMixin],
+
+  data: () => ({
+    languages: [],
+  }),
+
+  async fetch() {
+    const resourceType = 'configurable_language--configurable_language'
+    const query = new DrupalJsonApiParams()
+      .addFilter('drupal_internal__id', ['zxx'], 'NOT IN')
+      .addFields(resourceType, ['drupal_internal__id', 'label', 'langcode'])
+    this.languages = (await this.$store.dispatch('druxt/getCollection', {
+      type: resourceType,
+      query
+    })).data
+  },
+
+  computed: {
+    selected: ({ $route, languages }) => ($route.meta || {}).langcode
+      ? (languages.find((o) => o.attributes.drupal_internal__id === $route.meta.langcode).attributes || {}).label || ''
+      : ((languages.find((o) => o.attributes.drupal_internal__id === ((languages.find((o) => o.attributes.drupal_internal__id === 'und') || {}).attributes || {}).langcode) || {}).attributes || {}).label || '',
+  }
+}
+</script>

components/druxt/breadcrumb/Default.vue

@@ -1,17 +1,11 @@
 <template>
-  <b-breadcrumb :items="items" />
+  <b-breadcrumb :items="crumbs" />
 </template>
 
 <script>
 import { DruxtBreadcrumbMixin } from 'druxt-breadcrumb'
 
 export default {
-  mixins: [DruxtBreadcrumbMixin],
-
-  computed: {
-    items() {
-      return (this.crumbs || []).filter((item) => item.to !== '/')
-    },
-  },
+  mixins: [DruxtBreadcrumbMixin]
 }
 </script>

components/druxt/entity/Card.vue

@@ -43,8 +43,7 @@ export default {
   }),
 
   computed: {
-    /* @todo - Implement proper multilingual support */
-    to: ({ entity }) => `/en${entity.attributes.path.alias}`,
+    to: ({ entity }) => `/${entity.attributes.path.langcode}${entity.attributes.path.alias}`,
   },
 
   druxt: {

components/druxt/entity/Teaser.vue

@@ -38,8 +38,7 @@ export default {
   }),
 
   computed: {
-    /* @todo - Implement proper multilingual support */
-    to: ({ entity }) => `/en${entity.attributes.path.alias}`,
+    to: ({ entity }) => `/${entity.attributes.path.langcode}${entity.attributes.path.alias}`,
   },
 
   druxt: {

nuxt.config.js

@@ -160,11 +160,6 @@ export default {
     },
   },
 
-  proxy: {
-    '/en/jsonapi': baseUrl,
-    '/es/jsonapi': baseUrl,
-  },
-
   // Build Configuration (https://go.nuxtjs.dev/config-build)
   build: {
     extend(config) {