I’m a big fan of the weather icons from Dark sky called Skycons. They are animated and are easy to customize. I wanted to be able to use them in my Weather and WeatherTab extensions which are written using VueJs. I decided to write a Vue plugin to make them easier to use with Vue. Like most things in Vue, plugins are simple to create. Check out the source code on GitHub.
Install using npm i vue-skycon
import Vue from 'vue' import VueSkycons from 'vue-skycon' Vue.use(VueSkycons)
Let me know if you use this package in your app!
Thanks for reading. Make sure you follow me on Twitter to stay up to date on the progress of my side projects T.LY, Weather Extension, and Link Shortener Extension. If you are interested in the tech I use daily, check out my uses page.
If you bind to the conditional prop it doesn’t update when the prop changes.
Seems to work for me. Mind sending me some sample code or demo?
Make sure it’s Tim’s package you are installing and not the “vue-skycons” one…I made that mistake =(
Yes its vue-skycon without the s
Hello i love you project TIM but i’ve got an error with your vue-skycon package. After adding this package with yarn and starting my project. Console gives me that communicate
(function (exports, require, module, __filename, __dirname, process, global, Buffer) { return function (exports, require, module, __filename, __dirname) { import SkyconComponent from ‘./Skycon’;
^^^^^
SyntaxError: Cannot use import statement outside a module…
I have no idea how to fix it.
Thanks Mat! Are you using windows?
No i’m using Linux Ubuntu 18.04 LTS. I want to use your package in Electron + Vue.js (used electron-vue boilerplate and updated electron to the newest version) project and i’m adding your package with yarn. It work fine after first install. But when i shut down dev mode and reopen project i got this error.