docs: blog announcement for nuxt module

Tresjs · Jun 22, 2023 · 0858701 · 0858701
1 parent 45f454a
commit 0858701
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 3 deletions.
diff --git a/docs/.vitepress/cache/deps_temp_9655456f/package.json b/docs/.vitepress/cache/deps_temp_9655456f/package.json
diff --git a/docs/blog/announcing-tres-nuxt-module.md b/docs/blog/announcing-tres-nuxt-module.md
@@ -102,6 +102,27 @@ const { onLoop } = useRenderLoop()
 </template>
 ```
 
+### Client-side only
+
+The `<TresCanvas>` is only loaded in the client-side, so you don't need to worry about **SSR** or **SSG** 😊.
+
+### Vue compiler optimizations ⚙️
+
+Automagically ✨ configure the Vue compiler to recognize the TresJS Components. This is because `<TresCanvas />` component creates a custom renderer for Vue, so we need to tell the outside Vue app to recognize the TresJS components.
+
+Without the module you need to configure the Vue compiler like this:
+
+```ts
+export default defineNuxtConfig({
+  vue: {
+    compilerOptions: {
+      isCustomElement: tag => (tag.startsWith('Tres') && tag !== 'TresCanvas') || tag === 'primitive',
+    },
+  }
+})
+```
+
+See more [here](http://tresjs.org/guide/troubleshooting.html#failed-resolve-component-trescomponent-%F0%9F%A4%94)
 
 ## Share your work 🎨