nb-skeleton

import { createApp } from 'vue'
import App from './App.vue'

import NbLoadersComponents from '@vlalg-nimbus/nb-loaders'
import "@vlalg-nimbus/nb-loaders/dist/style.css";

const app = createApp(App)
app.use(NbLoadersComponents)
app.mount('#app')

import NbLoadersComponents from '@vlalg-nimbus/nb-loaders'
import "@vlalg-nimbus/nb-loaders/dist/style.css";

export default defineNuxtPlugin(context => {
  context.vueApp.use(NbLoadersComponents)
})

<template>
  <div style="position: relative; overflow: hidden; width: 300px; height: 20px;">
    <NbSkeleton nb-id="skeleton-1" />
  </div>
</template>

<template>
  <div style="position: relative; overflow: hidden; width: 300px; height: 20px;">
    <nb-skeleton nb-id="skeleton-1" />
  </div>
</template>

<template>
  <div class="skeleton-container" style="position: relative; overflow: hidden; width: 300px; height: 20px;">
    <nb-skeleton nb-id="skeleton-1"></nb-skeleton>
  </div>
</template>