Splash App Logo Until App Is Loaded - Vue Splash

Install & Download:

# NPM
$ npm i vue-splash --save

Description:

Vue Splash is a fancy Vue.js plugin that splashes your app logo until the app is completely loaded.

How to use it:

1. Import & register the Vue Splash.

import Vue from 'vue';
import VueSplash from 'vue-splash';

Vue.use(VueSplash);

2. Add the Vue Splash component to the template.

<template>
  <vue-splash
    :show="true"
    :logo="logo"
    title="Your App Name"
    color="#00bfa5"
    :size="180"
    :fixed="true"
  />
</template>

export default {
  name: "YourVueComponent",
  computed: {
    logo() {
      return YourLogo;
    }
  }
}

3. All default props.

show: {
  type: Boolean,
  default: true,
},
logo: {
  type: String,
  default: "https://svgshare.com/i/NRE.svg",
},
title: {
  type: String,
  default: "",
},
customText: {
  type: String,
  default: "",
},
color: {
  type: String,
  default: "#00bfa5",
},
size: {
  type: [Number, String],
  default: 180,
},
fixed: {
  type: Boolean,
  default: true,
},