Getting Started

Bundle size optimization

Before starting, remove any of the following imports:

Vite - main.js

import 'notivue/notification.css'
import 'notivue/animations.css'

Nuxt - nuxt.config.ts

export default defineNuxtConfig({
  modules: ['notivue/nuxt'],
  css: [
    'notivue/notification.css', 
    'notivue/animations.css'
  ]
})

<script setup>
import {
  Notivue,
  Notification
} from 'notivue'
</script>

<template>
  <Notivue v-slot="item">
    <Notification :item="item" />
    <!-- Your component will go here -->
  </Notivue>
</template>

This will cut the bundle size by roughly 4 KB leaving only the core functionalities and the stream component.