{"repo":"jcalixte/vue-pwa-asset-generator","free":true,"listed":false,"github":"https://github.com/jcalixte/vue-pwa-asset-generator","clone":"git clone https://github.com/jcalixte/vue-pwa-asset-generator.git","description":"PWA asset generator perfect with VueJS framework (but useful for all PWA!)","language":"JavaScript","stars":175,"topics":["pwa","icon","manifest","vuejs","ios","android","pwa-assets","icons","progressive-web-app","progressive-web-apps"],"license":null,"category":"mobile-apps","readme_excerpt":"Vue PWA asset generator TLDR : This package creates for you all the default assets used in a VueJS app with PWA plugin as well as a manifest JSON with the icons attribute set. Installation You can use npx as shown above or you can install it globally: or or Usage VueJS PWA asset generator has a vue-asset-generate command with two parameters: - -a : input asset, it can be an SVG file or a PNG file (the largest image is a 512x512 png image). - -o : output folder (created if it does not exist). This parameter is optional, by default, vue-pwa-asset-generator will assume the command is run in a VueJS project. Therefor the manifest.json and favicon.ico are in public folder, the rest ies in public/img/icons folder. - -b : fallback background color for the ico image. - --no-manifest : option to not generate manifest.json file Examples - vue-asset-generate -a logo.png -o img - vue-asset-generate -a logo.svg - vue-asset-generate -a logo.svg -o img - vue-asset-generate -a logo.svg -o img -b 182C61 - vue-asset-generate -a logo.svg -o img -b \"#9AECDB\" \"Hey, I'm using the Vue plugin for pwa. Where do I put my manifest json?\" You can configure your PWA with the vue.config.js file. Here an example of how you can merge the created manifest.json and your configuration file: ⚠️ When generating assets from a png file, the generator creates a black and white svg for the safari-pinned-tab.svg icon, some manual modifications may be necessary. I hope this will be useful as it is for me! ♥","default_branch":null,"files":null,"tree":[],"storefront":"/r/jcalixte","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/jcalixte/vue-pwa-asset-generator/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}