feat(autocomplete): replace remix icons with Icon component

gitsindonesia · Aug 24, 2022 · 86b0368 · 86b0368
1 parent 6d9ba51
commit 86b0368
Show file tree

Hide file tree

Showing 3 changed files with 58 additions and 12 deletions.
diff --git a/packages/autocomplete/package.json b/packages/autocomplete/package.json
@@ -16,12 +16,10 @@
   "license": "ISC",
   "dependencies": {
     "@gits-id/button": "^0.10.12",
+    "@gits-id/icon": "^0.10.12",
     "@headlessui/vue": "^1.6.0",
-    "feather-icons": "^4.28.0",
     "tailwindcss": "^3.0.23",
-    "vue": "^3.2.31",
-    "vue-feather": "^2.0.0",
-    "vue-remix-icons": "^1.1.1"
+    "vue": "^3.2.31"
   },
   "devDependencies": {
     "@gits-id/tailwind-config": "^0.10.12",

diff --git a/packages/autocomplete/src/VAutocomplete.vue b/packages/autocomplete/src/VAutocomplete.vue
@@ -10,11 +10,7 @@ import {
   TransitionRoot,
 } from '@headlessui/vue';
 import {useField} from 'vee-validate';
-import {
-  RiCheckLine as CheckIcon,
-  RiCloseLine as XIcon,
-  RiArrowDownSLine as ChevronDownIcon,
-} from 'vue-remix-icons';
+import {Icon} from '@gits-id/icon';
 
 type Item = {
   text: string;
@@ -151,13 +147,15 @@ const clear = () => {
             "
             @click="clear"
           >
-            <XIcon
+            <Icon
+              name="ri:check-line"
               class="w-6 h-6 fill-current text-gray-400"
               aria-hidden="true"
             />
           </button>
           <ComboboxButton>
-            <ChevronDownIcon
+            <Icon
+              name="ri:arrow-down-s-line"
               class="w-6 h-6 fill-current text-gray-400"
               aria-hidden="true"
             />
@@ -229,7 +227,8 @@ const clear = () => {
                 v-if="selected"
                 class="absolute inset-y-0 left-0 flex items-center pl-3"
               >
-                <CheckIcon
+                <Icon
+                  name="ri:check-line"
                   class="w-5 h-5 fill-current text-primary-500"
                   aria-hidden="true"
                 />

diff --git a/yarn.lock b/yarn.lock
@@ -4991,6 +4991,13 @@
   dependencies:
     "@volar/source-map" "0.38.9"
 
+"@volar/[email protected]":
+  version "0.40.1"
+  resolved "https://registry.yarnpkg.com/@volar/code-gen/-/code-gen-0.40.1.tgz#30637162626bd2ea6e3c3c3cedab291494870c25"
+  integrity sha512-mN1jn08wRKLoUj+KThltyWfsiEGt6Um1yT6S7bkruwV76yiLlzIR4WZgWng254byGMozJ00qgkZmBhraD5b48A==
+  dependencies:
+    "@volar/source-map" "0.40.1"
+
 "@volar/[email protected]":
   version "0.37.9"
   resolved "https://registry.yarnpkg.com/@volar/source-map/-/source-map-0.37.9.tgz#307641d8291d0f51530979fcd23dcb9e6bc53a27"
@@ -5001,6 +5008,18 @@
   resolved "https://registry.yarnpkg.com/@volar/source-map/-/source-map-0.38.9.tgz#935d6def4b4342e8e2d63cd8e6bf9bf1155c58d8"
   integrity sha512-ba0UFoHDYry+vwKdgkWJ6xlQT+8TFtZg1zj9tSjj4PykW1JZDuM0xplMotLun4h3YOoYfY9K1huY5gvxmrNLIw==
 
+"@volar/[email protected]":
+  version "0.40.1"
+  resolved "https://registry.yarnpkg.com/@volar/source-map/-/source-map-0.40.1.tgz#9fcefb21ce0e0ca272f76129b6a98b6f08f4debb"
+  integrity sha512-ORYg5W+R4iT2k/k2U4ASkKvDxabIzKtP+lXZ1CcqFIbTF81GOooAv5tJZImf8ifhUV9p8bgGaitFj/VnNzkdYg==
+
+"@volar/[email protected]":
+  version "0.40.1"
+  resolved "https://registry.yarnpkg.com/@volar/typescript-faster/-/typescript-faster-0.40.1.tgz#99a37f0386934d971b71586ee0dcdd20b3537d90"
+  integrity sha512-UiX8OzVRJtpudGfTY2KgB5m78DIA8oVbwI4QN5i4Ot8oURQPOviH7MahikHeeXidbh3iOy/u4vceMb+mfdizpQ==
+  dependencies:
+    semver "^7.3.7"
+
 "@volar/[email protected]":
   version "0.37.9"
   resolved "https://registry.yarnpkg.com/@volar/vue-code-gen/-/vue-code-gen-0.37.9.tgz#d6cd776824cabcc9c560aa3f3bd94a30408a8af8"
@@ -5023,6 +5042,19 @@
     "@vue/compiler-dom" "^3.2.37"
     "@vue/shared" "^3.2.37"
 
+"@volar/[email protected]":
+  version "0.40.1"
+  resolved "https://registry.yarnpkg.com/@volar/vue-language-core/-/vue-language-core-0.40.1.tgz#a11429b59351202af1a89167039a07b4bffbcefc"
+  integrity sha512-RBU2nQkj+asKZ/ht3sU3hTau+dGuTjJrQS3nNSw4+vnwUJnN/WogO/MmgKdrvVf3pUdLiucIog1E/Us1C8Y5wg==
+  dependencies:
+    "@volar/code-gen" "0.40.1"
+    "@volar/source-map" "0.40.1"
+    "@vue/compiler-core" "^3.2.37"
+    "@vue/compiler-dom" "^3.2.37"
+    "@vue/compiler-sfc" "^3.2.37"
+    "@vue/reactivity" "^3.2.37"
+    "@vue/shared" "^3.2.37"
+
 "@volar/[email protected]":
   version "0.37.9"
   resolved "https://registry.yarnpkg.com/@volar/vue-typescript/-/vue-typescript-0.37.9.tgz#869956a6937b4e1075b749f208c59f31456959ee"
@@ -5045,6 +5077,15 @@
     "@vue/compiler-sfc" "^3.2.37"
     "@vue/reactivity" "^3.2.37"
 
+"@volar/[email protected]":
+  version "0.40.1"
+  resolved "https://registry.yarnpkg.com/@volar/vue-typescript/-/vue-typescript-0.40.1.tgz#5c6e9dd6a5a5e9ec47c90c70c98d2c97f1e8a20d"
+  integrity sha512-58nW/Xwy7VBkeIPmbyEmi/j1Ta2HxGl/5aFiEEpWxoas7vI1AM+txz8+MhWho4ZMw0w0eCqPtGgugD2rr+/v7w==
+  dependencies:
+    "@volar/code-gen" "0.40.1"
+    "@volar/typescript-faster" "0.40.1"
+    "@volar/vue-language-core" "0.40.1"
+
 "@vue/babel-helper-vue-transform-on@^1.0.2":
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.0.2.tgz#9b9c691cd06fc855221a2475c3cc831d774bc7dc"
@@ -17918,6 +17959,14 @@ vue-tsc@^0.38.2:
   dependencies:
     "@volar/vue-typescript" "0.38.9"
 
+vue-tsc@^0.40.1:
+  version "0.40.1"
+  resolved "https://registry.yarnpkg.com/vue-tsc/-/vue-tsc-0.40.1.tgz#96470c63d47d060178639d08ac18f1b1f8834d2c"
+  integrity sha512-Z+3rlp/6TrtKvLuaFYwBn03zrdinMR6lBb3mWBJtDA+KwlRu+I4eMoqC1qT9D7i/29u0Bw58dH7ErjMpNLN9bQ==
+  dependencies:
+    "@volar/vue-language-core" "0.40.1"
+    "@volar/vue-typescript" "0.40.1"
+
 vue@^3.2.31, vue@^3.2.33, vue@^3.2.37:
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.37.tgz#da220ccb618d78579d25b06c7c21498ca4e5452e"