Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[vue3.x] _triangle.scss is using a deprecated symbol

See original GitHub issue

Describe the bug

PhPStorm reported:

: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($size, 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

  ╷
7 │     border-width: $size / 2;
  │                   ^^^^^^^^^
  ╵
    node_modules/vue-slider-component/lib/styles/_triangle.scss 7:19  triangle()
    node_modules/vue-slider-component/lib/styles/_triangle.scss 31:7  arrow()
    node_modules/vue-slider-component/lib/theme/default.scss 108:7    @import

Additional context (If there is no relevant content, please delete the block)

Using “vue-slider-component”: “^4.0.0-beta.3”

Environment (If you feel unrelated, please delete the block)

OS & Version: macOS
Vue version: v3.0.11
Component Version: v4.0.0-beta.3

Issue Analytics

State:
Created 2 years ago
Reactions:1
Comments:9 (3 by maintainers)

Top GitHub Comments

2reactions

NightCatSamacommented, Jun 9, 2021

fixed @v4.0.0-beta.4

1reaction

xvaaracommented, Nov 24, 2021

@HIMISOCOOL Warning: LibSass and Node Sass are deprecated the first thing in the link you provided. It’s time to move on, nobody is updating node-sass.

Top Results From Across the Web

Vue 3 ::v-deep usage as a combinator has been deprecated ...

The CSS looks like as follows: .parent ::v-deep .child { ... } What's the correct way to use suggested ...

Misleading deprecation warning about "::v-deep", when ":deep ...

a :deep(.b) , but no nesting together with SASS. The first syntax works, but brings up a misleading warn message. [@vue/ ...

vue filters are deprecated | The AI Search Engine You Control

The solution is to use a computed property instead of filters which are remove in vue 3 : in main.js remove import Vue...

Vue 3 Multiselect - @vueform/multiselect - npm

Vue 3 multiselect component with single select, multiselect and tagging options.. Latest version: 2.5.6, last published: 18 days ago.

Vue.js - The Progressive JavaScript Framework | Vue.js

Builds on top of standard HTML, CSS and JavaScript with intuitive API and world-class documentation. Performant. Truly reactive, compiler-optimized rendering ...