feat(nuxt): Use path alias for styles

Use path alias to call styles (Nuxt 3.4) BREAKING CHANGE: Works ONLY with Nuxt 3.4+
pisandelli · Apr 12, 2023 · ef0b771 · ef0b771
1 parent 85e33d1
commit ef0b771
Show file tree

Hide file tree

Showing 8 changed files with 4,261 additions and 8 deletions.
diff --git a/components/BoxL.vue b/components/BoxL.vue
@@ -6,7 +6,7 @@
  */
 
 import { defineComponent, h } from 'vue'
-import Styles from '../assets/styles/BoxL.module.styl'
+import Styles from '@/assets/styles/BoxL.module.styl'
 
 export default defineComponent({
   props: {

diff --git a/components/CenterL.vue b/components/CenterL.vue
@@ -7,7 +7,7 @@
    */
 
 import { defineComponent, h } from 'vue'
-import Styles from '../assets/styles/CenterL.module.styl'
+import Styles from '@/assets/styles/CenterL.module.styl'
 
 export default defineComponent({
   props: {

diff --git a/components/ClusterL.vue b/components/ClusterL.vue
@@ -6,7 +6,7 @@
    * @version 1.0.0
    */
 import { defineComponent, h } from 'vue'
-import Styles from '../assets/styles/ClusterL.module.styl'
+import Styles from '@/assets/styles/styles/ClusterL.module.styl'
 
 export default defineComponent({
   props: {

diff --git a/components/ModalL.vue b/components/ModalL.vue
@@ -6,7 +6,7 @@
    */
 
 import { defineComponent, h } from 'vue'
-import Styles from '../assets/styles/ModalL.module.styl'
+import Styles from '@/assets/styles/styles/ModalL.module.styl'
 
 export default defineComponent({
   props: {

diff --git a/components/RowL.vue b/components/RowL.vue
@@ -6,7 +6,7 @@
    */
 
 import { defineComponent, h } from 'vue'
-import Styles from '../assets/styles/RowL.module.styl'
+import Styles from '@/assets/styles/styles/RowL.module.styl'
 
 export default defineComponent({
   props: {

diff --git a/components/StackL.vue b/components/StackL.vue
@@ -8,7 +8,7 @@
  */
 
 import { defineComponent, h } from 'vue'
-import Styles from '../assets/styles/StackL.module.styl'
+import Styles from '@/assets/styles/styles/StackL.module.styl'
 
 export default defineComponent({
   props: {

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nuxt-layout-compositions",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "A library with some useful layout compositions components",
   "main": "./nuxt.config.ts",
   "type": "module",
@@ -24,7 +24,7 @@
   },
   "homepage": "https://github.com/pisandelli/nuxt-layout-compositions#readme",
   "devDependencies": {
-    "nuxt": "^3.3.3"
+    "nuxt": "^3.4.0"
   },
   "dependencies": {
     "stylus": "^0.59.0"

diff --git a/yarn.lock b/yarn.lock