chore(#1): add example frontend

druxt-contrib · Sep 10, 2022 · 2715cfc · 2715cfc
1 parent 0df2716
commit 2715cfc
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 6 deletions.
diff --git a/example/nuxt/nuxt.config.js b/example/nuxt/nuxt.config.js
@@ -4,7 +4,8 @@ const baseUrl = process.env.GITPOD_WORKSPACE_ID
 
 export default {
   buildModules: [
-    'druxt',
+    'druxt-entity',
+    'druxt-router/nuxt',
     '@druxt-contrib/layout-builder'
   ],
   druxt: { baseUrl }

diff --git a/example/nuxt/package.json b/example/nuxt/package.json
@@ -6,7 +6,8 @@
   },
   "dependencies": {
     "@druxt-contrib/layout-builder": "link:../..",
-    "druxt": "latest",
+    "druxt-entity": "latest",
+    "druxt-router": "latest",
     "nuxt": "latest"
   }
 }
diff --git a/example/nuxt/pages/index.vue b/example/nuxt/pages/index.vue
@@ -1,6 +1,11 @@
 <template>
-  <div>
-    <h1>Druxt Module component example</h1>
-    <DruxtModuleComponent />
-  </div>
+  <DruxtRouter path="/node/1">
+    <template #default="{ route }">
+      <DruxtEntity v-bind="route.props">
+        <template #default="{ entity }">
+          <DruxtLayoutBuilder :entity="entity" />
+        </template>
+      </DruxtEntity>
+    </template>
+  </DruxtRouter>
 </template>