npm install dayjs

import dayjs from 'dayjs'

dayjs().format('YYYY-MM-DD HH:mm') 
// Outputs the current date and time:  2024-09-08 09:32 (example) 
dayjs('2024-09-08 09:32').toDate() 
// Converts a string to a Date object: Sun Sep 08 2024 09:32:00 GMT+0800 (China Standard Time)

npm install qs

import qs from 'qs'

qs.parse('user=tom&age=22') // Transforms a query string into a neat object: { user: "tom", age: "22" }
qs.stringify({ user: "tom", age: "22" }) // Converts an object back into a query string: user=tom&age=22

npm install js-cookie

import Cookies from 'js-cookie'

Cookies.set('name', 'value', { expires: 7 }) // Set a cookie that lasts for 7 days!
Cookies.get('name') // Retrieve your cookie value with ease: 'value'

npm install flv.js

<video autoplay controls width="100%" height="500" id="myVideo"></video>

import flvjs from 'flv.js'

if (flvjs.isSupported()) {
  var myVideo = document.getElementById('myVideo')
  var flvPlayer = flvjs.createPlayer({
    type: 'flv',
    url: 'http://localhost:8080/test.flv' // Replace with your video URL
  })
  flvPlayer.attachMediaElement(myVideo)
  flvPlayer.load()
  flvPlayer.play()
}

npm install vconsole

import VConsole from 'vconsole' 

const vConsole = new VConsole() 
console.log('Hello world from the mobile console!')

npm install animate.css

<h1 class="animate__animated animate__bounce">An animated element</h1>

import 'animate.css

npm install animejs

<div class="ball" style="width: 50px; height: 50px; background: blue"></div>

import anime from 'animejs/lib/anime.es.js'

anime({
  targets: '.ball',
  translateX: 250,
  rotate: '1turn',
  backgroundColor: '#F00',
  duration: 800
}

npm install lodash

import _ from 'lodash'

_.max([4, 2, 8, 6]) // Easily find the maximum value in an array: 8
_.intersection([1, 2, 3], [2, 3, 4]) //  Get the intersection of multiple arrays: [2, 3]

npm install mescroll.js

npm install chart.js

<canvas id="myChart" width="400" height="400"></canvas>

import Chart from 'chart.js/auto'

// Once your page has rendered:
const ctx = document.getElementById('myChart')
const myChart = new Chart(ctx, {
  type: 'bar',
  // ... chart data configuration ... 
})