vue-loading-workspace

⏳ vue-loading

A collection of loading spinner components for vue.

Documentation:

vue-loading-docs.vercel.app

Storybook:

vue-loading-storybook.vercel.app

Installation

pnpm add @alexanderkrust/vue-loading
# or
bun add @alexanderkrust/vue-loading
# or
npm install @alexanderkrust/vue-loading
# or
yarn add @alexanderkrust/vue-loading

Setup

Add styles to any entrypoint of your app

import 'vue-loading/index.css'

Use any loading spinner component in your app

<script lang="ts" setup>
  import { BasicLoader } from 'vue-loading'
</script>

<template>
  <BasicLoader />
</template>

Setup (Nuxt)

Add styles to any entrypoint of your app

export default defineNuxtConfig({
  modules: ['@alexanderkrust/vue-loading/nuxt'],
  css: [/*...other css */, '@alexanderkrust/vue-loading/index.css'],
  vueLoading: {},
})

Use any loading spinner component in your app (no import needed)

<template>
  <BasicLoader />
</template>