Create sequential entrance animation

You need to create sequential entrance animation in your UI.

Which of the following options is the correct way to do so for a Vue.js plugin?

Options

1.Vue.use(animation);
<template>
  <sequential-entrance>
    <div class="box" v-for="app in apps" :key="app">{{ app }}</div>
  </sequential-entrance>
</template>
2.Vue.use(SequentialEntrance);
<template>
  <sequential-entrance-animation>
    <div class="box" v-for="app in apps" :key="app">{{ app }}</div>
  </sequential-entrance-animation>
</template>

3.Vue.use("template");
<template>
  <sequential-entrance>
    <div class="box" v-for="app in apps" :key="app">{{ app }}</div>
  </sequential-entrance>
</template>

4.Vue.use(SequentialEntrance);
<template>
  <sequential-entrance>
    <div class=""box"" v-for=""app in apps"" :key=""app"">{{ app }}</div>
  </sequential-entrance>
</template>"