adding a Nuxt example

OvidijusParsiunas · Jun 16, 2024 · 7ff0b8e · 7ff0b8e
1 parent c28d5c7
commit 7ff0b8e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/website/docs/examples/frameworks.mdx b/website/docs/examples/frameworks.mdx
@@ -12,6 +12,7 @@ import svelteLogo from '/img/svelteLogo.png';
 import angularLogo from '/img/angularLogo.png';
 import solidLogo from '/img/solidLogo.png';
 import nextLogo from '/img/nextLogo.png';
+import nuxtLogo from '/img/nuxtLogo.png';
 import vanillaJSLogo from '/img/vanillaJSLogo.png';
 
 <img src={reactLogo} width="30" style={{float: 'left', marginRight: '10px', marginTop: '26px'}} />
@@ -71,6 +72,14 @@ When using [App Router](https://nextjs.org/docs/app) - make sure to set `"use cl
 [Click for Live Example - Page Router](https://stackblitz.com/edit/deep-chat-nextjs?file=pages%2Findex.tsx) <br />
 [Click for GitHub](https://github.com/OvidijusParsiunas/deep-chat/tree/main/example-servers/nextjs)
 
+<img src={nuxtLogo} width="32" style={{float: 'left', marginRight: '10px', marginTop: '27px'}} />
+
+## Nuxt
+
+Make sure to import `deep-chat` dynamically using `await import` along with the `process.client` check. <br />
+
+[Click for Live Example](https://stackblitz.com/edit/nuxt-starter-vwz6pg?file=app.vue) <br />
+
 <img src={vanillaJSLogo} width="28" style={{float: 'left', marginRight: '12px', marginTop: '25px'}} />
 
 ## Vanilla JS

diff --git a/website/static/img/nuxtLogo.png b/website/static/img/nuxtLogo.png