Introduce sample layer component and experiment page

Author: LSViana

layers/sample/components/WlComponentLayer.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>Component from the <code>sample</code> layer.</div>
+</template>

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'
       }
     ]
   }

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>