type updates

src/components/Icon/BoIcon.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script setup lang="ts">
-import type { OptionalCss } from '@/types';
+import type { CssStyle, OptionalCss } from '@/types';
 import type { Icon } from '@/components/Icon';
 import { iconMap, IconSize } from '@/components/Icon';
 import {
@@ -39,10 +39,10 @@ const props = defineProps({
 const { name, size, color } = toRefs(props);
 
 const index = ref<number>(0);
-const id = ref<string>(`bo-icon-${index.value + 1}`);
 const icon = ref<{ default: string } | null>(null);
+const id = ref<string>(`bo-icon-${index.value + 1}`);
 
-const style = computed<Record<string, string>>(() => {
+const style = computed<CssStyle>(() => {
 	const i = iconMap.get(name.value) ?? null;
 	const defaultColor = 'var(--icon-color)';
 
@@ -83,11 +83,11 @@ const boIconClass = computed<OptionalCss>(() => {
 	return classes;
 });
 
-onBeforeMount(() => {
+onBeforeMount((): void => {
 	icon.value = iconMap.get(name.value) ?? null;
 });
 
-onUpdated(() => {
+onUpdated((): void => {
 	icon.value = iconMap.get(name.value) ?? null;
 });
 </script>

src/styles/index.scss

@@ -1 +1,19 @@
 @import './themes.scss';
+
+:root {
+	font-family:
+		ui-sans-serif,
+		system-ui,
+		-apple-system,
+		BlinkMacSystemFont,
+		'Segoe UI',
+		Roboto,
+		'Helvetica Neue',
+		Arial,
+		'Noto Sans',
+		sans-serif,
+		'Apple Color Emoji',
+		'Segoe UI Emoji',
+		'Segoe UI Symbol',
+		'Noto Color Emoji';
+}

src/types/css.ts

@@ -1 +1,3 @@
 export declare type OptionalCss = Record<string, boolean>;
+
+export declare type CssStyle = Record<string, string>;

src/types/index.ts

@@ -1 +1 @@
-export type { OptionalCss } from './css';
+export type { CssStyle, OptionalCss } from './css';