chore(#28): add DruxtEntityForm example

examples/nuxt/entity-form/README.md

@@ -0,0 +1,9 @@
+# entity-form
+
+This directory contains an example of the DruxtEntityForm component in Nuxt.
+
+## Setup
+
+```
+yarn && yarn dev
+```

examples/nuxt/entity-form/nuxt.config.js

@@ -0,0 +1,3 @@
+export default {
+  buildModules: [['druxt-entity', { baseUrl: process.env.BASE_URL || 'https://demo-api.druxtjs.org' }]]
+}

examples/nuxt/entity-form/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "entity-form",
+  "private": true,
+  "packageManager": "[email protected]",
+  "scripts": {
+    "dev": "nuxt"
+  },
+  "dependencies": {
+    "druxt-site": "link:../../../packages/druxt-entity",
+    "nuxt": "latest"
+  }
+}

examples/nuxt/entity-form/pages/index.vue

@@ -0,0 +1,31 @@
+<template>
+  <div>
+    <h1>DruxtEntityForm example:</h1>
+
+    <h2>Contact form - Basic</h2>
+    <pre><code>&lt;DruxtEntityForm type="contact_message--feedback" /&gt;</code></pre>
+
+    <pre v-if="response">
+      <code>{{ JSON.stringify(response, null, '  ') }}</code>
+    </pre>
+
+    <DruxtEntityForm
+      type="contact_message--feedback"
+      @error="setResponse"
+      @submit="setResponse"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  data: () => ({
+    response: null,
+  }),
+  methods: {
+    setResponse(response) {
+      this.response = response;
+    },
+  },
+};
+</script>