# Vue

Sitevision supports client side rendering with Vue.

## index.js

For rendering a client side only app use the framework agnostic [client renderer](/packages/app-util/version-4/render).

## main.js

### `render(App, [settings])`

`@soleil-se/app-util/client/vue` Renders a client side Vue application.

| Param                | Type     | Default                     | Description                       |
| -------------------- | -------- | --------------------------- | --------------------------------- |
| App                  | `*`      |                             | Vue app root component.           |
| \[settings]          | `Object` | `{}`                        | Settings object.                  |
| \[settings.selector] | `String` | `` `#app_mount_${appId}` `` | Query selector for mount element. |

In `app_src/main.js` or `app_src/client/index.js`.

```javascript
import { render } from '@soleil-se/app-util/client/vue';
import App from './App.vue';


render(App);
```

Mount the app in another element:

```javascript
import { render } from '@soleil-se/app-util/client/vue';
import App from './App.vue';


render(App, { selector: '#mount_app_here' });
```