From 89b174301dd63f9285e95f1f2d066e98698fe369 Mon Sep 17 00:00:00 2001
From: Chris Morison <Chris.Morison@pandl.co.nz>
Date: Sun, 30 Jan 2022 13:41:14 +1300
Subject: [PATCH] removed stylus dependency

---
 packages/demo/package.json |  4 +---
 packages/demo/src/App.vue  | 35 ++++++++++++++++++-----------------
 yarn.lock                  | 24 ------------------------
 3 files changed, 19 insertions(+), 44 deletions(-)

diff --git a/packages/demo/package.json b/packages/demo/package.json
index dbe5961..169a604 100644
--- a/packages/demo/package.json
+++ b/packages/demo/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-resize-demo",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "private": true,
   "description": "Demo for vue-resize",
   "author": "Guillaume Chau <guillaume.b.chau@gmail.com>",
@@ -22,8 +22,6 @@
     "@vue/cli-service": "^4.5.9",
     "@vue/eslint-config-standard": "^6.0.0",
     "eslint": "^7.16.0",
-    "stylus": "^0.54.8",
-    "stylus-loader": "^3",
     "vue-template-compiler": "^2.6.12"
   },
   "postcss": {
diff --git a/packages/demo/src/App.vue b/packages/demo/src/App.vue
index d0c9e6c..b98e375 100644
--- a/packages/demo/src/App.vue
+++ b/packages/demo/src/App.vue
@@ -43,23 +43,24 @@ export default {
 }
 </script>
 
-<style lang="stylus">
-$color = #42b983
-
-#app
-  font-family 'Avenir', Helvetica, Arial, sans-serif
-  text-align center
-  color #2c3e50
-  margin-top 60px
+<style>
+#app {
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
 
-.counter
-  font-size 42px
-  color $color
+.counter {
+  font-size: 42px;
+  color: #42b983;
+}
 
-.resized
-  position relative
-  border solid 1px $color
-  margin 12px
-  padding @margin
-  display inline-block
+.resized {
+  position: relative;
+  border: solid 1px #42b983;
+  margin: 12px;
+  padding: 12px;
+  display: inline-block;
+}
 </style>
diff --git a/yarn.lock b/yarn.lock
index 8b108b7..aa9a500 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1520,7 +1520,6 @@
     less "^3.9.0"
     pug "^2.0.3"
     sass "^1.18.0"
-    stylus "^0.54.5"
 
 "@vue/eslint-config-standard@^6.0.0":
   version "6.0.0"
@@ -9203,29 +9202,6 @@ stylehacks@^4.0.0:
     postcss "^7.0.0"
     postcss-selector-parser "^3.0.0"
 
-stylus-loader@^3:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/stylus-loader/-/stylus-loader-3.0.2.tgz#27a706420b05a38e038e7cacb153578d450513c6"
-  integrity sha512-+VomPdZ6a0razP+zinir61yZgpw2NfljeSsdUF5kJuEzlo3khXhY19Fn6l8QQz1GRJGtMCo8nG5C04ePyV7SUA==
-  dependencies:
-    loader-utils "^1.0.2"
-    lodash.clonedeep "^4.5.0"
-    when "~3.6.x"
-
-stylus@^0.54.5, stylus@^0.54.8:
-  version "0.54.8"
-  resolved "https://registry.yarnpkg.com/stylus/-/stylus-0.54.8.tgz#3da3e65966bc567a7b044bfe0eece653e099d147"
-  integrity sha512-vr54Or4BZ7pJafo2mpf0ZcwA74rpuYCZbxrHBsH8kbcXOwSfvBFwsRfpGO5OD5fhG5HDCFW737PKaawI7OqEAg==
-  dependencies:
-    css-parse "~2.0.0"
-    debug "~3.1.0"
-    glob "^7.1.6"
-    mkdirp "~1.0.4"
-    safer-buffer "^2.1.2"
-    sax "~1.2.4"
-    semver "^6.3.0"
-    source-map "^0.7.3"
-
 supports-color@5.5.0, supports-color@^5.3.0, supports-color@^5.4.0:
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"