# Installation
Learn how to install TresJS
::: code-group
```bash [pnpm]
pnpm add three @tresjs/core
```
```bash [npm]
npm install three @tresjs/core
```
```bash [yarn]
yarn add three @tresjs/core
```
:::
> Better use with Vue 3.x and composition API
## Getting started
You can install TresJS as any other Vue plugin
```ts
import { createApp } from 'vue'
import App from './App.vue'
import Tres from '@tresjs/core'
export const app = createApp(App)
app.use(Tres)
app.mount('#app')
```
Or you can use it directly in your component
```vue
<script setup lang="ts">
import { TresCanvas } from '@tresjs/core'
</script>
<template>
<TresCanvas>
<!-- Your scene here -->
</TresCanvas>
</template>
```
::: tip
This is recommended for performance and bundle size reasons, Three-shaking will work better and you will only import the components that you use.
:::
## Vite
Since v2 is a custom renderer, we need to let the `vue-compiler` of your app know that the components of Tres are ok to be included to avoid the `[Vue warn]: Failed to resolve component` warning.
You just need to add this to your `vite.config.ts` inside of the vue plugin:
```ts
export default defineConfig({
plugins: [vue({
template: {
compilerOptions: {
isCustomElement: tag => tag.startsWith('Tres') && tag !== 'TresCanvas',
},
},
}),
})
```
### Nuxt
Nuxt official module `@tresjs/nuxt` is comming soon, planned for the Q2 of 2023 ;)
