From ab566667364fbb9a22061b7f41cc6a168cc23848 Mon Sep 17 00:00:00 2001
From: Johannes Kingma <50140049+kingma-sbw@users.noreply.github.com>
Date: Sat, 2 Nov 2024 16:02:19 +0100
Subject: [PATCH] add using ES Modules

using the `importmap` syntax
---
 .../pages/en/getting-started/installation.md  | 33 +++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/packages/docs/src/pages/en/getting-started/installation.md b/packages/docs/src/pages/en/getting-started/installation.md
index 0f85edb2f8e..2be45f17037 100644
--- a/packages/docs/src/pages/en/getting-started/installation.md
+++ b/packages/docs/src/pages/en/getting-started/installation.md
@@ -273,6 +273,39 @@ const app = createApp()
 app.use(vuetify).mount('#app')
 ```
 
+## Using ES Modules
+Use the same links as above but put them in an import map
+
+```js
+<script type="importmap">
+  {
+    "imports": {
+      "vue": "https://unpkg.com/vuelatest/dist/vue.esm-browser.js",
+      "vuetify": "https://unpkg.com/vuetify@3.7.3/dist/vuetify.esm.js"
+    }
+  }
+</script>
+```
+
+and than import from `vuetify` (and `vue`) with
+
+```js
+<script type="module">
+  const apiUrl = 'http://zeugnis-admin.localhost/'
+  import { createApp } from 'vue'
+  import { createVuetify } from 'vuetify'
+
+  const vuetify = createVuetify()
+  createApp().use(vuetify).mount('#app')
+</script>
+```
+
+and make sure to link the css
+
+```html
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vuetify@3.7.3/dist/vuetify.min.css">
+```
+
 ## Using Vitepress
 
 You can use Vuetify's components in your Vitepress static site.