Vue Splash

Splash Your App Logo 💦

show the splash, until your app is loaded...

Demo

see demo

Installation

npm i vue-splash

Usage

Plugin install:

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

Vue.use(VueSplash);

Import in template:

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

<script>
import YourLogo from "<Your Magnificent Logo Path>";

export default {
  name: "YourMagnificentVueComponent",
  computed: {
    logo() {
      return YourLogo;
    }
  }
}
</script>

Props

name	type	default	description
show	Boolean	true	decide to show component
logo	String	https://svgshare.com/i/NRE.svg	image source to load your logo
title	String	Your Magnificent App Name	define app name
custom-text	String		write your custom text or html instead of title prop
color	String	#00bfa5	define splash color
size	String, Number	180	define splash logo size (px)
fixed	Boolean	true	fixed to full screen
background-color	String		set background color (it works if the "fixed" property is set to true)

Support

If you like this plugin and want to support me to make more plugins and apps like this, you can pay me with SOL
My SOL wallet: 4BjqDB5hGmZVkiRuBa5JkhceLVaTokYg4Gqe4fkV6Lby.
Also you can buy me a coffee :)

License

This project is licensed under the MIT License - see the LICENSE file for details.