feat: article editor core

web/src/components/UserMenu.vue

@@ -1,6 +1,9 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { useColorMode, type ColorModePreference } from '@/composables/useColorMode'
+import {
+	useColorMode,
+	type ColorModePreference,
+} from '@/composables/useColorMode'
 
 const props = defineProps<{
 	username: string
@@ -16,7 +19,9 @@ const colorMode = useColorMode()
 const initials = computed(() => {
 	const parts = props.username.split(/[^a-zA-Z0-9]+/).filter(Boolean)
 	if (parts.length >= 2) {
-		return ((parts[0] ?? '').charAt(0) + (parts[1] ?? '').charAt(0)).toUpperCase()
+		return (
+			(parts[0] ?? '').charAt(0) + (parts[1] ?? '').charAt(0)
+		).toUpperCase()
 	}
 	return (parts[0] ?? '').slice(0, 2).toUpperCase()
 })
@@ -70,7 +75,8 @@ const items = computed(() => [
 					size="sm"
 					:ui="{
 						root: 'size-6.5 bg-secondary-300',
-						fallback: 'text-[0.6875rem] font-semibold text-primary-900',
+						fallback:
+							'text-[0.6875rem] font-semibold text-primary-900',
 					}"
 				/>
 			</template>