feat(#4): add nuxt image module (#5)

Author: Decipher

drupal/files/public/.htaccess

@@ -0,0 +1,24 @@
+# Deny all requests from Apache 2.4+.
+<IfModule mod_authz_core.c>
+  Require all denied
+</IfModule>
+
+# Deny all requests from Apache 2.0-2.2.
+<IfModule !mod_authz_core.c>
+  Deny from all
+</IfModule>
+
+# Turn off all options we don't need.
+Options -Indexes -ExecCGI -Includes -MultiViews
+
+# Set the catch-all handler to prevent scripts from being executed.
+SetHandler Drupal_Security_Do_Not_Remove_See_SA_2006_006
+<Files *>
+  # Override the handler again if we're run later in the evaluation list.
+  SetHandler Drupal_Security_Do_Not_Remove_See_SA_2013_003
+</Files>
+
+# If we know how to do it safely, disable the PHP engine entirely.
+<IfModule mod_php7.c>
+  php_flag engine off
+</IfModule>

nuxt/components/druxt/field/Image.vue

@@ -0,0 +1,19 @@
+<template>
+  <DruxtEntity type="file--file" :uuid="model.data.id">
+    <template #default="{ entity }">
+      <NuxtImg :src="src(entity)" />
+    </template>
+  </DruxtEntity>
+</template>
+
+<script>
+import { DruxtFieldMixin } from 'druxt-entity'
+export default {
+  mixins: [DruxtFieldMixin],
+  methods: {
+    src(entity) {
+      return [this.$druxt.settings.baseUrl, entity.attributes.uri.url].join('/')
+    },
+  },
+}
+</script>

nuxt/nuxt.config.js

@@ -1,6 +1,6 @@
 import opn from 'opn'
 
-const baseUrl = process.env.BASE_URL
+const baseUrl = process.env.BASE_URL || 'http://quickstart-druxt-serverless.ddev.site'
 
 export default {
   // Target full static build.
@@ -41,12 +41,12 @@ export default {
 
   // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
   buildModules: [
+    ['@nuxt/image', { domains: [baseUrl] }],
+    'druxt-site',
   ],
 
   // Modules: https://go.nuxtjs.dev/config-modules
-  modules: [
-    'druxt-site',
-  ],
+  modules: [],
 
   // DruxtJS: https://druxtjs.org
   druxt: {