こんにちは!今日はタイトル通りの小ネタです!

端末がスマホならtrue、PCならfalseとなります。どうぞ

/iPhone|iPod|iPad|Android/i.test(window.navigator.userAgent)

これだけだとあれなので、vuexのコード例でも載せときます。gettersにisSP関数を作り、この戻り値によってCSSの切り替え等を行うといい感じですね　:)

export const getters = {
  isSP: () => /iPhone|iPod|iPad|Android/i.test(window.navigator.userAgent)
}

【追記】highlight.jsは正規表現をうまくハイライトしてくれないみたい...