Как использовать сss переменные в nuxt?

Question

[Игорь Мясников]

Добрый день!!
Подскажите , как можно подключить в nuxt.js css переменные и использовать их в любом компоненте не импортируя их в каждый компонент

<style lang="scss">
	@import "@/theme/variables";

	.header {
		&__wrapper {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin: 0 auto;
			padding: 0;
			max-width: 1200px;

			@media screen and (min-width: $break_lg) {
				padding: 0 16px;
			}
		}

		
	}
</style>

Answer 1

[Алекс Глебов]

https://www.npmjs.com/package/@nuxtjs/style-resources

Comments

[Игорь Мясников]

спс, то что надо

Answer 2

[Andrew]

За@import'ить в index.scss?

Comments

[Игорь Мясников]

Первым делом так и сделал , но стили в компонентах все равно не видят переменные. Scoped не стоит