index.html

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Яндекс ШРИ</title>
</head>
<body>
  <script>
    // import json from "/build/assets/data.json" assert {type: "json"}
    // // window.dataSortFunction = function (a, b) {
    //   return b.valueText.split(" ").shift() - a.valueText.split(" ").shift()
    // }
    window.onload = function() {
      const pageTheme = getUrlVars('theme')
      window.slideNum = getUrlVars('slide') ? getUrlVars('slide') - 1 : 0
      const body = document.querySelector('body')

      if (-1 < slideNum && slideNum <= 10) {

          const alias = json[slideNum].alias
          const data = json[slideNum].data
          // data.users.sort(dataSortFunction)

          //Добавляем тему слайду
          if (pageTheme) {
            body.classList.add('theme_' + (pageTheme === ('light' || 'dark') ? pageTheme : 'dark'))
          } else {
            body.classList.add('theme_dark')
          }

          body.insertAdjacentHTML('afterbegin', window.renderTemplate(alias, data))
      } else {
        alert('Такого номера слайда не существует. Пожалуйста, введите корректный номер слайда')
      }
    }
  </script>
</body>
</html>