Introduce sample layer component and experiment page

LSViana · Nov 16, 2024 · 48e927f · 48e927f
1 parent 4ad56fe
commit 48e927f
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 0 deletions.
diff --git a/layers/sample/components/WlComponentLayer.vue b/layers/sample/components/WlComponentLayer.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>Component from the <code>sample</code> layer.</div>
+</template>
diff --git a/pages/experiments/index.vue b/pages/experiments/index.vue
@@ -124,6 +124,10 @@ const groups: ExperimentGroup[] = [
       {
         name: 'Error Handling',
         route: '/experiments/nuxt/error-handling'
+      },
+      {
+        name: 'Layers',
+        route: '/experiments/nuxt/layers'
       }
     ]
   }

diff --git a/pages/experiments/nuxt/layers/index.vue b/pages/experiments/nuxt/layers/index.vue
@@ -0,0 +1,17 @@
+<template>
+  <NuxtLayout name="home">
+    <WlContainer class="flex flex-col gap-3 p-3">
+      <h1 class="text-xl">Layers</h1>
+      <p>A component from the <code>sample</code> layer:</p>
+      <WlExperimentCanvas>
+        <WlComponentLayer/>
+      </WlExperimentCanvas>
+    </WlContainer>
+  </NuxtLayout>
+</template>
+
+<script lang="ts" setup>
+import WlExperimentCanvas from '~/components/shared/experiments/WlExperimentCanvas.vue'
+import WlContainer from '~/components/shared/layout/WlContainer.vue'
+import WlComponentLayer from '~/layers/sample/components/WlComponentLayer.vue'
+</script>