Giter Club home page Giter Club logo

bulma-variables-export's Introduction

Alexandre Paradis

Hi๐Ÿ‘‹, I'm Alex

A fullstack freelance developer and entrepreneur!

Alexandre Paradis Alexandre Paradis Alexandre Paradis


๐Ÿ† Github awards

Alexandre Paradis Github Trophy

๐Ÿ“ˆ Github Stats

Alexandre Paradis Github Stats

StackOverflow Stats

Alexandre Paradis StackOverflow Stats


Some languages and Tools I like to use:

Frontend

React CSS3 HTML5 TypeScript Vue.js JavaScript Nuxt JS Sass Redux

Backend

JavaScript TypeScript NestJS MongoDB Node.js Linux Python Express.js Git Bash MySQL Maria DB

DevOps

AWS GCP Linux Git Bash Firebase

โšก Recent Activity

  1. ๐Ÿ—ฃ Commented on #3364 in JustFly1984/react-google-maps-api
  2. ๐Ÿ—ฃ Commented on #11322 in simple-icons/simple-icons
  3. ๐Ÿ”’ Closed issue #11322 in simple-icons/simple-icons
  4. ๐Ÿ—ฃ Commented on #11238 in simple-icons/simple-icons
  5. ๐Ÿ—ฃ Commented on #11281 in simple-icons/simple-icons

Alexandre Paradis Alexandre Paradis


๐Ÿ’ป Made with โค๏ธ by Alexandre Paradis

bulma-variables-export's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

bulma-variables-export's Issues

Exported object is always empty since an upgrade of Vue Cli services

Describe the bug
I was using this package for quite a while to import initial Bulma variables for the CSS device breakpoints.
Since I upgraded the vue-cli services to 5.0.4 the package doesn't seem to work anymore.
I am not quite sure, which of the dependencies that were upgraded has broken it (sass-loader?) but the exported object is always empty for me.

vue.config.js

module.exports = {
  productionSourceMap: false,
  css: {
    loaderOptions: {
      scss: {
        additionalData: "@import \"@/css/bulmaVariables.scss\";",
      },
    },
  },

  configureWebpack: {
    devtool: "source-map",
    module: {
      rules: [
      ],
    },
  },

};

So nothing really special here.

component.vue

<template>
...
</template>

<script>
import initialVariables from "bulma-variables-export/sass/initial-variables.scss";
console.log(initialVariables);

export default {
... 
}

</script>

<style lang="scss" scoped>
...
</style>

Expected behavior
The inital variables object should contain all the variables that Bulma sets and this package exports.

Actual behavior
The object is just empty

Screenshots
grafik

Desktop (please complete the following information):

  • OS: Linux Manjaro
  • Browser Firefox
  • Version 100

Additional context
package.json:

{
 //...
  "dependencies": {
    "buefy": "^0.9.20",
    "bulma-variables-export": "^0.2.0",
    "core-js": "^3.22.5",
    "luxon": "^1.28.0",
    "vue": "^2.6.14",
    "vue-router": "^3.5.4",
    "vue-static": "0.0.5",
    "vuex": "^3.6.2"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^5.0.4",
    "@vue/cli-plugin-eslint": "^5.0.4",
    "@vue/cli-plugin-router": "^5.0.4",
    "@vue/cli-plugin-vuex": "^5.0.4",
    "@vue/cli-service": "^5.0.4",
    "@vue/eslint-config-airbnb": "^5.3.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^7.32.0",
    "eslint-plugin-import": "^2.26.0",
    "eslint-plugin-vue": "^7.20.0",
    "fibers": "^5.0.1",
    "sass": "^1.51.0",
    "sass-loader": "^12.6.0",
    "vue-template-compiler": "^2.6.14"
  }
}

If you need more information to debug this, feel free to ask me

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.