Vue Skycons

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.LYWeather Extension, and Link Shortener Extension. If you are interested in the tech I use daily, check out my uses page.  

7 thoughts to “Vue Skycons”

  1. 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.

      1. 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.

Leave a Reply

Your email address will not be published. Required fields are marked *