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!

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 *

This site uses Akismet to reduce spam. Learn how your comment data is processed.