vue/compiler-sfc ::v-deep usage as a combinator has been deprecated. use :deep(<inner-selector>) instead
I'm using Nuxt 2 and I keep seeing MANY [@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead. errors while running npm run dev.
I changed all occurrences of ::v-deep { .. } to ::v-deep(.class) { .. } and also the tried the shorthand :deep(.class) { .. } and still those errors are showing up in terminal for over a million time while on npm run dev.
I tried:
- Delete node_modules.
- Delete Package-lock.json.
- npm cache verify
But still same problem.
Does anyone knows a way that makes those errors go away? I don't want to downgrade my vue version, it's currently on ^2.6.12.
The issue was fixed in Vue's v2.7.11 release: https://github.com/vuejs/vue/blob/main/CHANGELOG.md#2711-2022-10-11
With the following commit: sfc: remove sfc scoped deep syntax deprecation warnings
- Change default text color in Docusaurus v2
- How to debug CSS?
- Link underline won't to go away
- How to darken a background using CSS?
- Smarter word break in CSS?
- Button style in top bar in Foundation?
- Make a letter as big as the div
- Overlaying a div with an svg using CSS grid layout when div size is unknown ahead of time
- CSS Equivalent of the "if" statement
- input text fill up remaining space
- Using external fonts in CSS
- How can I play an animation after the previous one is finished?
- Bootstrap 5 circular background for bootstrap icon
- Convert TailwindCSS to native CSS?
- Best way to include CSS? Why use @import?
- Access CSS variable from javascript
- React-dropzone style drop area
- How to simulate button click using rvest
- How to change in javascript background color from css
- div Width is being ignored
- Delay between percentages in keyframes css
- When clicking on hamburger menu nothing happens
- Remove text caret/pointer from focused readonly input
- Bootstrap <select> width, content too wide when resizing window
- Select arrow style change
- Override User Agent Styling for Auto fill input fields
- How do I get Tailwind's active breakpoint in JavaScript?
- Replace default mouse cursor in Gmail and Chromium
- Can you figure out how to align the top of the <p> tag with the top of the <textarea> tag?
- How should I reference different files for different devices using Angular?