TypeScript

export type NonEmptyArray<T> = [T, ...T[]] | [...T[], T]

const array = [ 0, 1, 2," ", "", undefined, null];
const new_array = array.filter(Number.isFinite);

OR 

const array = [ "JavaScript", 0, 1, " ", "", undefined, null];
const new_array = array.filter(Boolean);

<script setup>
import { provide } from 'vue'
provide(/* key */ 'message', /* value */ 'hello!')
</script>

<script setup>
import { inject } from 'vue'

const message = inject('message')
</script>

// types.ts
interface Product {
  name: string;
  price: number;
}
// symbols.ts
import { InjectionKey } from 'vue';
import { Product } from '@/types';

const ProductKey: InjectionKey<Product> = Symbol('Product');

watch(source, callback, {
  flush: 'post'
})

watchEffect(callback, {
  flush: 'post'
})

const uniqueUsers = users.filter(
  (element, index, self) => self.findIndex((e) => e.id === element.id) === index
);

/**
 * IDが重複している要素を除去した配列を返す
 * @param items keyにidが存在するオブジェクトからなる配列
 * @returns ID重複のないオブジェクトの配列
 */
export const deleteDuplicateIdItem = <T extends { id: number }>(
  items: T[]
): T[] => {
  return Array.from(new Map(items.map((item) => [item.id, item])).values())
}

        combinedData = Array.from(
          withEmergencyDate
            .reduce((map, item) => {
              const existing = map.get(item.contract_id)
              if (existing) {
                if (item.isEmergency || !existing.isEmergency) {
                  map.set(item.contract_id, item)
                }
              } else {
                map.set(item.contract_id, item)
              }
              return map
            }, new Map<number, ChecklistContract>())
            .values()
        )

type Data = {
  item: string
  detail?: string
  isHidden?: boolean
}

const    mainCoordination: Data[][] = []

// まず、内側の配列に対してfilterを適用して非表示の要素を削除。
// 次に、外側の配列に対してfilterを適用して空の配列を除去。
const visibleItems = mainCoordination
  .map(innerArray => innerArray.filter(item => !item.isHidden))
  .filter(innerArray => innerArray.length > 0);

➜  frontend git:(main) ✗ npm install stylelint stylelint-scss --save-dev
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: frontend@0.1.0
npm ERR! Found: stylelint@15.11.0
npm ERR! node_modules/stylelint
npm ERR!   dev stylelint@"^15.11.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer stylelint@"^16.0.2" from stylelint-scss@6.1.0
npm ERR! node_modules/stylelint-scss
npm ERR!   dev stylelint-scss@"*" from the root project

npm ERR! Could not resolve dependency:
npm ERR! peer stylelint@"^16.0.2" from stylelint-scss@6.1.0
npm ERR! node_modules/stylelint-scss
npm ERR!   dev stylelint-scss@"*" from the root project

export const bufferDate = {
  toBase64: async (from: string) => {
    // Base64データをバイナリデータにデコード
    const imageBuffer = Buffer.from(base64, 'base64')

    // sharpインスタンスの生成と画像メタデータの取得
    const sharpInstance = sharp(imageBuffer)
    const metadata = await sharpInstance.metadata()
    const fileSizeMb = imageBuffer.length / (1024 * 1024) // バイトからMBへ変換

    let processedImage // 画像フォーマットに応じた圧縮処理の適用

    // ファイルサイズが3MB以上の場合
    if (fileSizeMb > 3 && metadata.format === 'png') {
      processedImage = sharpInstance.resize(800).png({ compressionLevel: 7 })
    } else if (fileSizeMb > 3 && metadata.format === 'jpeg') {
      processedImage = sharpInstance.resize(800).jpeg({ quality: 60 })
    } else {
      processedImage = sharpInstance
    }
    const rotatedImageAndBuffer =  await processedImage.rotate().toBuffer()

    // 処理した画像を再度Base64エンコードする
    const newBase64Image = rotatedImageAndBuffer.toString('base64')
    return `data:application/pdf;base64,${newBase64Image}`
  },
}

return {
     {
        addition_type: 1
      },
    ...(list && { list }),
}

type dressingItem = Exclude<
  dressingItemCreate['dressing_items'],
  null
>[number]

export default defineComponent({
  components: {
    ValidationObserver,
  },
}
const validationObserver = ref<InstanceType<typeof ValidationObserver>>()

const isValid = (await validationObserver.value.validateWithInfo()).isValid

const roles = [1,2,3,4,5]
contractFamilyInfo?.forEach((fam, index) => {
   fam.family_role = roles[index % roles.length]
})

    /** 五十音サブカラム */
    const getSubColumnSection = (
      kana: keyof typeof SUB_SYLLABARY_TABLE_MAP
    ) => {
      // すでに選択されているボタンを押した場合は非表示にする
      if (selectedMainButton.value === kana) {
        selectedMainButton.value = null
        subColumn.value = []
      } else {
        selectedMainButton.value = kana
        const columnKey =
          (SUB_SYLLABARY_TABLE_MAP[
            kana
          ] as keyof typeof JALAN_SYLLABARY_TABLE) || 'SUB_WA_COLUMN'
        subColumn.value = JALAN_SYLLABARY_TABLE[columnKey] || []
      }
    }