lottie.js

    lottie (): void {
      if (!process.browser || !window.lottie) return
      const lottie = window.lottie
      const container = this.$refs.darkMode as HTMLElement
      this.darkMode = lottie.loadAnimation({
        container,
        renderer: 'svg',
        path: '/json/darkMode.json',
        loop: false,
        autoplay: false,
      })
      if (this.is_dark) this.darkMode.goToAndStop(114, true)
      else this.darkMode.goToAndStop(0, true)
    },
    async mode (): Promise<void> {
      if (this.$colorMode.preference === 'dark') {
        this.darkMode?.playSegments([160, 228], true)
        await this.$sleep(400)
        this.$colorMode.preference = 'light'
      } else {
        this.darkMode?.playSegments([0, 114], true)
        await this.$sleep(400)
        this.$colorMode.preference = 'dark'
      }
    },