From dd86f251881a44f2a00f3ff86bcf7463c0197c8a Mon Sep 17 00:00:00 2001
From: Piotr Halama <skrzynka@halamix2.pl>
Date: Mon, 5 Aug 2024 14:28:56 +0200
Subject: [PATCH] title icons

---
 src/components/InputItem.vue |  4 +--
 src/vuetifyInstance.ts       | 63 ++++++++++++++++++++++--------------
 2 files changed, 40 insertions(+), 27 deletions(-)

diff --git a/src/components/InputItem.vue b/src/components/InputItem.vue
index ba14589..78fe30e 100644
--- a/src/components/InputItem.vue
+++ b/src/components/InputItem.vue
@@ -152,7 +152,7 @@ watch(inputMoney, () => {
       label="Tytuł"
       size="42"
       required
-      prepend-inner-icon="uppercase"
+      prepend-inner-icon="mdso:uppercase"
     />
     <v-text-field
       clearable
@@ -162,7 +162,7 @@ watch(inputMoney, () => {
       id="subtitle"
       size="42"
       label="Podtytuł (opcjonalne)"
-      prepend-inner-icon="lowercase"
+      prepend-inner-icon="mdso:lowercase"
     />
     <v-text-field
       clearable
diff --git a/src/vuetifyInstance.ts b/src/vuetifyInstance.ts
index cb09cab..8370a0f 100644
--- a/src/vuetifyInstance.ts
+++ b/src/vuetifyInstance.ts
@@ -1,34 +1,47 @@
+import { h } from 'vue'
 import { createVuetify } from 'vuetify'
+import type { IconSet, IconProps } from 'vuetify'
+import { VLigatureIcon } from 'vuetify/components'
 import { aliases, md } from 'vuetify/iconsets/md'
 import { mdi } from 'vuetify/iconsets/mdi'
 import { en, pl } from 'vuetify/locale'
 import colors from 'vuetify/util/colors'
 
-export const defaultVuetify = function () {
-  return createVuetify({
-    theme: {
-      defaultTheme: 'dark',
-      themes: {
-        dark: {
-          colors: {
-            primary: colors.deepPurple.base,
-            secondary: colors.deepPurple.lighten4
+const mdso: IconSet = {
+    component: (props: IconProps) =>
+      h(VLigatureIcon, {
+        ...props,
+        class: 'material-symbols-outlined'
+      })
+  },
+  defaultVuetify = function () {
+    return createVuetify({
+      theme: {
+        defaultTheme: 'dark',
+        themes: {
+          dark: {
+            colors: {
+              primary: colors.deepPurple.base,
+              secondary: colors.deepPurple.lighten4
+            }
           }
         }
+      },
+      locale: {
+        locale: 'pl',
+        fallback: 'en',
+        messages: { pl, en }
+      },
+      icons: {
+        defaultSet: 'md',
+        aliases,
+        sets: {
+          md,
+          mdi,
+          mdso
+        }
       }
-    },
-    locale: {
-      locale: 'pl',
-      fallback: 'en',
-      messages: { pl, en }
-    },
-    icons: {
-      defaultSet: 'md',
-      aliases,
-      sets: {
-        md,
-        mdi
-      }
-    }
-  })
-}
+    })
+  }
+
+export { defaultVuetify }