Usage in Vue.js

[ghost]

Hi, there is no problem. I just want people to know how to use Sal.js in Vue.js.

After installing Sal with npm, call Sal by using
import sal from "sal.js";
in <script> tag, then use

 mounted() {
    sal();
  }

method. After that you can use Sal attributes but do not forget to import Sal.css!

[mciastek]

Closing, due to inactivity. Reopen, when needed.

[EmmyMay]

Where would you import the Css?

[thvozdovic]

Not animating in using Vue 3, opacity stays at 0

[langfeld]

Not animating in using Vue 3, opacity stays at 0

You have to execute the command in the respective component.

This works:

<script setup lang="ts">
import sal from 'sal.js'
import { onMounted } from 'vue';

onMounted(() => {
  sal();
});
</script>

<style>
@import '/node_modules/sal.js/dist/sal.css';
</style>

[bhupendpatil]

you can globally set sal.js by adding following code in main.ts/main.js

import "sal.js/dist/sal.css";
import sal from "sal.js";
window.sal = sal;

const app = createApp(App);

app.mount("#app");

app.mount(sal());