icon improvements

package.json

@@ -29,7 +29,6 @@
     "localforage": "^1.9.0",
     "lodash": "^4.17.19",
     "lssm": "^1.1.2",
-    "lucide-vue-next": "^0.311.0",
     "nanoid": "^3.1.30",
     "pinia": "^2.0.29",
     "sortablejs": "^1.15.0",
@@ -40,6 +39,8 @@
     "vue-typed-virtual-list": "^1.0.10"
   },
   "devDependencies": {
+    "@iconify-json/lucide": "^1.1.181",
+    "@iconify-json/ph": "^1.1.12",
     "@tailwindcss/forms": "^0.5.3",
     "@tailwindcss/typography": "^0.5.9",
     "@types/js-cookie": "^3.0.6",
@@ -60,6 +61,7 @@
     "prettier-plugin-tailwindcss": "^0.2.8",
     "tailwindcss": "^3.3.2",
     "typescript": "^5.1.3",
+    "unplugin-icons": "^0.18.5",
     "vite": "^5.2.8",
     "vite-svg-loader": "^5.1.0",
     "vue-eslint-parser": "^9.3.1"

resources/components/Galileo.vue

@@ -1,7 +1,6 @@
 <script lang="ts" setup>
 import { useStarsFilterStore } from '@/store/useStarsFilterStore'
 import { isFocusedElementEditable } from '@/utils'
-import { MagnifyingGlassIcon } from '@heroicons/vue/24/outline'
 import { onKeyStroke } from '@vueuse/core'
 import { computed, ref } from 'vue'
 
@@ -41,7 +40,7 @@ onKeyStroke('/', e => {
         aria-keyshortcuts="/"
       />
 
-      <MagnifyingGlassIcon
+      <i-lucide-search
         class="pointer-events-none absolute left-2 h-5 w-5 text-gray-300 transition-colors peer-focus:text-gray-400 dark:text-gray-400"
         aria-hidden="true"
       />