diff --git a/examples/vue3-boilerplate/package.json b/examples/vue3-boilerplate/package.json
index db429da31c..af0f3e2fec 100644
--- a/examples/vue3-boilerplate/package.json
+++ b/examples/vue3-boilerplate/package.json
@@ -8,7 +8,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "@telekom/scale-components-neutral": "^3.0.0-beta.16",
+    "@telekom/scale-components-neutral": "^3.0.0-beta.110",
     "core-js": "^3.6.5",
     "vue": "^3.0.0"
   },
diff --git a/examples/vue3-vite-boilerplate/src/App.vue b/examples/vue3-vite-boilerplate/src/App.vue
index e4e3918ce3..f554eb09d2 100644
--- a/examples/vue3-vite-boilerplate/src/App.vue
+++ b/examples/vue3-vite-boilerplate/src/App.vue
@@ -1,4 +1,5 @@
 <template>
+  <main>  
   <div>
     <h1 class="scl-font-variant-heading-1">Scale + Vue3 + Vite </h1>
     <scale-button
@@ -8,6 +9,7 @@
       Open the docs
     </scale-button>
   </div>
+  </main>  
 </template>
 
 <style>
@@ -23,4 +25,11 @@
   filter: drop-shadow(0 0 2em #42b883aa);
 }
 
+main {
+  display: grid;
+  place-items: center;
+  height: 100vh;
+  font-family: sans-serif;
+}
+
 </style>
diff --git a/packages/storybook-vue/stories/setup_and_info/GettingStartedForDevelopers_en.md b/packages/storybook-vue/stories/setup_and_info/GettingStartedForDevelopers_en.md
index 121698183e..fa6d2a0194 100644
--- a/packages/storybook-vue/stories/setup_and_info/GettingStartedForDevelopers_en.md
+++ b/packages/storybook-vue/stories/setup_and_info/GettingStartedForDevelopers_en.md
@@ -32,8 +32,6 @@ import { defineCustomElements } from "@telekom/scale-components/loader";
 defineCustomElements(window);
 ```
 
-> As of July 2021, modern build tools like Vite or Snowpack will break with this lazy-loading mechanism ([see GitHub issue in Stencil's repo](https://github.com/ionic-team/stencil/issues/2827)). To work around this issue, please load the library via `link` and `script` tags as in the "Plain HTML" snippet above.
-
 ### NPM Packages
 
 | Package Name                        | Description                                 |
diff --git a/packages/storybook-vue/stories/setup_and_info/ScaleAndVue_de.md b/packages/storybook-vue/stories/setup_and_info/ScaleAndVue_de.md
index dbc0f91ec7..86d3882d8f 100644
--- a/packages/storybook-vue/stories/setup_and_info/ScaleAndVue_de.md
+++ b/packages/storybook-vue/stories/setup_and_info/ScaleAndVue_de.md
@@ -63,6 +63,19 @@ rules: [
   // ...
 ];
 
+// in vite.config.js
+defineConfig({
+  plugins: [
+    vue({
+      template: {
+        compilerOptions: {
+          isCustomElement: (tag) => tag.startsWith('scale-'),
+        },
+      },
+    }),
+  ],
+});
+
 // or in main.js (on-the-fly template compilation)
 const app = Vue.createApp({});
 app.config.compilerOptions.isCustomElement = (tag) => tag.startsWith('scale-');
diff --git a/packages/storybook-vue/stories/setup_and_info/ScaleAndVue_en.md b/packages/storybook-vue/stories/setup_and_info/ScaleAndVue_en.md
index b14af53c17..19bad55672 100644
--- a/packages/storybook-vue/stories/setup_and_info/ScaleAndVue_en.md
+++ b/packages/storybook-vue/stories/setup_and_info/ScaleAndVue_en.md
@@ -63,6 +63,19 @@ rules: [
   // ...
 ];
 
+// in vite.config.js
+defineConfig({
+  plugins: [
+    vue({
+      template: {
+        compilerOptions: {
+          isCustomElement: (tag) => tag.startsWith('scale-'),
+        },
+      },
+    }),
+  ],
+});
+
 // or in main.js (on-the-fly template compilation)
 const app = Vue.createApp({});
 app.config.compilerOptions.isCustomElement = (tag) => tag.startsWith('scale-');