Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mehdikhoshnevisz/vue-splash
splash plugin for vue js
https://github.com/mehdikhoshnevisz/vue-splash
css js loading splash splash-screen vue vue-splash
Last synced: 4 days ago
JSON representation
splash plugin for vue js
- Host: GitHub
- URL: https://github.com/mehdikhoshnevisz/vue-splash
- Owner: MehdiKhoshnevisz
- License: mit
- Created: 2020-06-05T15:49:05.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-06-18T15:20:59.000Z (8 months ago)
- Last Synced: 2025-02-09T16:19:01.274Z (12 days ago)
- Topics: css, js, loading, splash, splash-screen, vue, vue-splash
- Language: Vue
- Homepage: https://mehdikhoshnevisz.github.io/vue-splash/
- Size: 3.67 MB
- Stars: 131
- Watchers: 1
- Forks: 7
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Vue Splash
Splash Your App Logo 💦
show the splash, until your app is loaded...
## Demo
[see demo](https://mehdikhoshnevisz.github.io/vue-splash/)
## Installation
```bash
npm i vue-splash
```
## Usage
Plugin install:
```js
import Vue from 'vue';
import VueSplash from 'vue-splash';
Vue.use(VueSplash);
```
Import in template:
```vue
import YourLogo from "<Your Magnificent Logo Path>";
export default {
name: "YourMagnificentVueComponent",
computed: {
logo() {
return YourLogo;
}
}
}
```
## 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](https://www.buymeacoffee.com/imehdi) :)
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.