style(projects): format code

src/components/custom/better-scroll.vue

@@ -6,16 +6,17 @@ import type { Options } from '@better-scroll/core';
 
 defineOptions({ name: 'BetterScroll' });
 
+const props = defineProps<Props>();
+
 interface Props {
   /**
    * BetterScroll options
+   *
    * @link https://better-scroll.github.io/docs/zh-CN/guide/base-scroll-options.html
    */
   options: Options;
 }
 
-const props = defineProps<Props>();
-
 const bsWrap = ref<HTMLElement>();
 const bsContent = ref<HTMLElement>();
 const { width: wrapWidth } = useElementSize(bsWrap);

src/components/custom/button-icon.vue

@@ -8,25 +8,6 @@ defineOptions({
   inheritAttrs: false
 });
 
-interface Props {
-  /**
-   * button class
-   */
-  class?: string;
-  /**
-   * iconify icon name
-   */
-  icon?: string;
-  /**
-   * tooltip content
-   */
-  tooltipContent?: string;
-  /**
-   * tooltip placement
-   */
-  tooltipPlacement?: PopoverPlacement;
-}
-
 const props = withDefaults(defineProps<Props>(), {
   class: 'h-36px text-icon',
   icon: '',
@@ -34,6 +15,17 @@ const props = withDefaults(defineProps<Props>(), {
   tooltipPlacement: 'bottom'
 });
 
+interface Props {
+  /** Button class */
+  class?: string;
+  /** Iconify icon name */
+  icon?: string;
+  /** Tooltip content */
+  tooltipContent?: string;
+  /** Tooltip placement */
+  tooltipPlacement?: PopoverPlacement;
+}
+
 interface ButtonProps {
   className: string;
 }

src/components/custom/svg-icon.vue

@@ -4,24 +4,21 @@ import { Icon } from '@iconify/vue';
 
 defineOptions({ name: 'SvgIcon' });
 
+const props = defineProps<Props>();
+
 /**
- * props
- * - support iconify and local svg icon
- * - if icon and localIcon are passed at the same time, localIcon will be rendered first
+ * Props
+ *
+ * - Support iconify and local svg icon
+ * - If icon and localIcon are passed at the same time, localIcon will be rendered first
  */
 interface Props {
-  /**
-   * iconify icon name
-   */
+  /** Iconify icon name */
   icon?: string;
-  /**
-   * local svg icon name
-   */
+  /** Local svg icon name */
   localIcon?: string;
 }
 
-const props = defineProps<Props>();
-
 const attrs = useAttrs();
 
 const bindAttrs = computed<{ class: string; style: string }>(() => ({
@@ -39,9 +36,7 @@ const symbolId = computed(() => {
   return `#${prefix}-${icon}`;
 });
 
-/**
- * if localIcon is passed, render localIcon first
- */
+/** If localIcon is passed, render localIcon first */
 const renderLocalIcon = computed(() => props.localIcon || !props.icon);
 </script>
 

src/components/custom/wave-bg.vue

@@ -3,9 +3,7 @@ import { computed } from 'vue';
 import { getColorPalette } from '@sa/utils';
 
 interface Props {
-  /**
-   * theme color
-   */
+  /** Theme color */
   themeColor: string;
 }