How to Track Pageviews on a Single Page App (SPA)

<script async src="https://getsleek.io/v1.js" data-site="YOUR_SITE_KEY"></script>

'use client'
import { usePathname } from 'next/navigation'
import { useEffect } from 'react'

export function PageviewTracker() {
  const pathname = usePathname()
  useEffect(() => {
    if (typeof window.sleek === 'function') {
      window.sleek('pageview')
    }
  }, [pathname])
  return null
}

import { useLocation } from 'react-router-dom'
import { useEffect } from 'react'

export function PageviewTracker() {
  const location = useLocation()
  useEffect(() => {
    if (typeof window.sleek === 'function') {
      window.sleek('pageview')
    }
  }, [location.pathname])
  return null
}

import { createRouter } from 'vue-router'

const router = createRouter({ /* ... */ })

router.afterEach(() => {
  if (typeof window.sleek === 'function') {
    window.sleek('pageview')
  }
})

;(function() {
  const fire = () => {
    if (typeof window.sleek === 'function') {
      window.sleek('pageview')
    }
  }
  const origPushState = history.pushState
  history.pushState = function(...args) {
    origPushState.apply(this, args)
    fire()
  }
  const origReplaceState = history.replaceState
  history.replaceState = function(...args) {
    origReplaceState.apply(this, args)
    fire()
  }
  window.addEventListener('popstate', fire)
})()