perf: tree-shake dependencies from server (#1647)

components/common/CommonInputImage.vue

@@ -35,6 +35,8 @@ const previewImage = ref('')
 const imageSrc = computed<string>(() => previewImage.value || defaultImage.value)
 
 const pickImage = async () => {
+  if (process.server)
+    return
   const image = await fileOpen({
     description: 'Image',
     mimeTypes: props.allowedFileTypes,

components/modal/ModalMediaPreviewCarousel.vue

@@ -21,7 +21,7 @@ const { modelValue } = defineModel<{
 const target = ref()
 
 const animateTimeout = useTimeout(10)
-const reduceMotion = useReducedMotion()
+const reduceMotion = process.server ? ref(false) : useReducedMotion()
 
 const canAnimate = computed(() => !reduceMotion.value && animateTimeout.value)
 

components/tiptap/TiptapEmojiList.vue

@@ -12,6 +12,9 @@ const { items, command } = defineProps<{
 }>()
 
 const emojis = computed(() => {
+  if (process.server)
+    return []
+
   return items.map((item: CustomEmoji | Emoji) => {
     if (isCustomEmoji(item)) {
       return {