title icons

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

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 }