Splash App Logo Until App Is Loaded – Vue Splash

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,
},

Preview:

Changelog:

v1.2.0 (10/16/2020)

• Add background color property

Download Details:

Author: MehdiKhoshnevisz

Live Demo: https://mehdikhoshnevisz.github.io/vue-splash/

Download Link: https://github.com/MehdiKhoshnevisz/vue-splash/archive/master.zip

Official Website: https://github.com/MehdiKhoshnevisz/vue-splash

Install & Download:

# NPM
$ npm i vue-splash --save