diff --git a/app/javascript/entrypoints/admin.css b/app/javascript/entrypoints/admin.css
index 648b165c89..0dcc02c7e1 100644
--- a/app/javascript/entrypoints/admin.css
+++ b/app/javascript/entrypoints/admin.css
@@ -1 +1 @@
-@import "~/admin/index";
+@import "~/admin/index.scss";
diff --git a/app/javascript/front/app.js b/app/javascript/front/app.js
index 4466a19ad2..65e4b9413d 100644
--- a/app/javascript/front/app.js
+++ b/app/javascript/front/app.js
@@ -1,8 +1,5 @@
 import i18n from "~/homeland/i18n";
 
-require("./emoji-modal");
-require("./notifier");
-
 const AppView = Backbone.View.extend({
   el: "body",
   repliesPerPage: 50,
@@ -37,8 +34,6 @@ const AppView = Backbone.View.extend({
   },
 
   initComponents() {
-    $("abbr.timeago").timeago();
-
     // Bind Ctrl+Enter for submit
     $(".cell_comments_new textarea").unbind("keydown");
     $(".cell_comments_new textarea").bind(
diff --git a/app/javascript/front/index.js b/app/javascript/front/index.js
index 3372276bc2..b0893d02bb 100644
--- a/app/javascript/front/index.js
+++ b/app/javascript/front/index.js
@@ -1,5 +1,6 @@
-require("./app");
-require("./topics");
-require("./toc");
-require("./notifier");
-require("./editor");
+import("./emoji-modal");
+import("./notifier");
+import("./app");
+import("./topics");
+import("./toc");
+import("./editor");
diff --git a/app/javascript/front/index.scss b/app/javascript/front/index.scss
index da8bf519dd..0e0fc606fe 100644
--- a/app/javascript/front/index.scss
+++ b/app/javascript/front/index.scss
@@ -1,7 +1,6 @@
 @import "~/homeland/index.scss";
 
 @import "~/vendor/atwho";
-@import "~/vendor/jquery.fluidbox";
 @import "~/vendor/tooltipster.bundle";
 @import "~/vendor/social-share-button/index";
 
diff --git a/app/javascript/front/notifier.js b/app/javascript/front/notifier.js
index 8ad92e1a34..1f80e8b510 100644
--- a/app/javascript/front/notifier.js
+++ b/app/javascript/front/notifier.js
@@ -41,7 +41,7 @@ class Notifier {
         }
       }
     } else {
-      return console.log(
+      return console.warn(
         "Desktop notifications are not supported for this Browser/OS version yet."
       );
     }
diff --git a/app/javascript/front/topics.js b/app/javascript/front/topics.js
index 98bd86c0b1..f93e5dcfef 100644
--- a/app/javascript/front/topics.js
+++ b/app/javascript/front/topics.js
@@ -1,7 +1,7 @@
 import i18n from "~/homeland/i18n";
 
 // TopicsController
-window.Topics = {
+window.Topics = window.Topics || {
   topic_id: null,
   user_liked_reply_ids: [],
 };
@@ -28,7 +28,6 @@ window.TopicView = Backbone.View.extend({
 
     this.initComponents();
     this.initCableUpdate();
-    this.initContentImageZoom();
     this.checkRepliesLikeStatus();
     return this.itemsUpdated();
   },
@@ -126,35 +125,6 @@ window.TopicView = Backbone.View.extend({
     return this.unsetReplyTo();
   },
 
-  initContentImageZoom() {
-    const exceptClasses = ["emoji", "twemoji", "media-object avatar-16"];
-    const imgEls = $(".markdown img");
-    for (let el of Array.from(imgEls)) {
-      if (exceptClasses.indexOf($(el).attr("class")) === -1) {
-        $(el).wrap(
-          `<a href='${$(el).attr(
-            "src"
-          )}' class='zoom-image' data-action='zoom'></a>`
-        );
-      }
-    }
-
-    // Bind click event
-    if (App.turbolinks || App.mobile) {
-      $("a.zoom-image").attr("target", "_blank");
-    } else {
-      $("a.zoom-image").fluidbox({
-        closeTrigger: [
-          {
-            selector: "window",
-            event: "scroll",
-          },
-        ],
-      });
-    }
-    return true;
-  },
-
   preview(body) {
     $("#preview").text("Loading...");
 
@@ -174,6 +144,7 @@ window.TopicView = Backbone.View.extend({
     preview_box.hide();
 
     return $(".preview", switcher).click((e) => {
+      debugger;
       e.preventDefault();
       const target = e.currentTarget;
 
diff --git a/app/javascript/homeland/i18n.js.erb b/app/javascript/homeland/i18n.js
similarity index 56%
rename from app/javascript/homeland/i18n.js.erb
rename to app/javascript/homeland/i18n.js
index 5d78ddcdf5..8a4145d8c6 100644
--- a/app/javascript/homeland/i18n.js.erb
+++ b/app/javascript/homeland/i18n.js
@@ -1,8 +1,8 @@
 /* eslint-disable */
 import i18n from "i18next";
-const deepAssign = require('deep-assign');
-const metaLocale = document.querySelector('meta[name=locale]');
-const lang = (metaLocale && metaLocale.content || 'en').replace('-', '_');
+const deepAssign = import("deep-assign");
+const metaLocale = document.querySelector("meta[name=locale]");
+const lang = ((metaLocale && metaLocale.content) || "en").replace("-", "_");
 
 i18n.init({
   // we init with resources
@@ -13,15 +13,17 @@ i18n.init({
         "common.unlike": "Unlike",
         "common.follow_user": "Follow",
         "common.unfollow_user": "Followed",
-        "common.block_user_title": "Block this user, you will not see him topics.",
+        "common.block_user_title":
+          "Block this user, you will not see him topics.",
         "common.block_user": "Block",
         "common.unblock_user": "Unblock",
-        "common.block_node_title": "Block this node, you will not see topics in this node.",
+        "common.block_node_title":
+          "Block this node, you will not see topics in this node.",
         "common.block_node": "Block node",
         "common.unblock_node": "Unblock node",
         "common.favorite": "Favorite",
-        "common.unfavorite": "Unfavorite"
-      }
+        "common.unfavorite": "Unfavorite",
+      },
     },
     zh_CN: {
       translation: {
@@ -29,18 +31,20 @@ i18n.init({
         "common.unlike": "取消赞",
         "common.follow_user": "关注",
         "common.unfollow_user": "已关注",
-        "common.block_user_title": "屏蔽后，社区列表将不会出现此用户发布的内容。",
+        "common.block_user_title":
+          "屏蔽后，社区列表将不会出现此用户发布的内容。",
         "common.block_user": "屏蔽",
         "common.unblock_user": "取消屏蔽",
-        "common.block_node_title": "屏蔽后，社区列表将不会显示此节点有关的内容。",
+        "common.block_node_title":
+          "屏蔽后，社区列表将不会显示此节点有关的内容。",
         "common.block_node": "屏蔽节点",
         "common.unblock_node": "取消节点屏蔽",
         "common.favorite": "收藏",
-        "common.unfavorite": "取消收藏"
-      }
-    }
-  },  
+        "common.unfavorite": "取消收藏",
+      },
+    },
+  },
   debug: false,
-  lng: lang  
+  lng: lang,
 });
 export default i18n;
diff --git a/app/javascript/homeland/index.js b/app/javascript/homeland/index.js
index aae812ca2f..2245e0ce08 100644
--- a/app/javascript/homeland/index.js
+++ b/app/javascript/homeland/index.js
@@ -1,11 +1,17 @@
+import { createConsumer } from "@rails/actioncable";
+import * as Rails from "@rails/ujs";
+import Backbone from "backbone";
 import jQuery from "jquery";
-window.jQuery = jQuery;
-window.$ = jQuery;
-window.Backbone = require("backbone");
-window._ = require("underscore");
-
 import Turbolinks from "turbolinks";
 import TubrolinksPrefetch from "turbolinks-prefetch";
+import * as Underscore from "underscore";
+import("dropzone");
+import("jquery.caret");
+
+window.jQuery = jQuery;
+window.$ = jQuery;
+window.Backbone = Backbone;
+window._ = Underscore;
 
 window.Turbolinks = Turbolinks;
 Turbolinks.start();
@@ -14,25 +20,19 @@ Turbolinks.setProgressBarDelay(200);
 Turbolinks.controller.cache.size = 30;
 TubrolinksPrefetch.start();
 
-window.Rails = require("@rails/ujs");
+window.Rails = Rails;
 Rails.start();
 
-require("~/pagination");
-require("~/jquery.timeago");
-require("~/jquery.timeago.settings");
-require("~/jquery.hotkeys");
-require("~/jquery.autogrow-textarea");
-require("~/tooltipster.bundle.min");
-require("~/dropzone");
-require("~/jquery.fluidbox.min");
-require("~/jquery.caret");
-require("~/jquery.atwho.min");
-require("~/google_analytics");
-require("~/jquery.infinitescroll.min");
-require("~/jquery.mobile-events");
-require("~/vendor/social-share-button");
+import("~/vendor/pagination");
+import("~/vendor/jquery.hotkeys");
+import("~/vendor/jquery.autogrow-textarea");
+import("~/vendor/tooltipster.bundle.min");
+import("~/vendor/jquery.atwho.min");
+import("~/vendor/jquery.infinitescroll.min");
+import("~/vendor/jquery.mobile-events");
+import("~/vendor/social-share-button");
 
-import { createConsumer } from "@rails/actioncable";
+import("./timeago.settings");
 
 window.App = {
   turbolinks: false,
diff --git a/app/javascript/homeland/index.scss b/app/javascript/homeland/index.scss
index f8ba14e2be..af41ac2b10 100644
--- a/app/javascript/homeland/index.scss
+++ b/app/javascript/homeland/index.scss
@@ -423,6 +423,7 @@ body {
   font-size: 14px;
 }
 
+.form-select,
 .form-control {
   background-color: var(--form-control-background-color);
   border-color: var(--form-control-border-color);
diff --git a/app/javascript/homeland/timeago.settings.js b/app/javascript/homeland/timeago.settings.js
new file mode 100644
index 0000000000..9f62e1c0cc
--- /dev/null
+++ b/app/javascript/homeland/timeago.settings.js
@@ -0,0 +1,71 @@
+import("timeago");
+
+const strings = {
+  "zh-CN": {
+    prefixAgo: null,
+    prefixFromNow: null,
+    suffixAgo: "前",
+    suffixFromNow: "刚刚",
+    seconds: "1 分钟",
+    minute: "约 1 分钟",
+    minutes: "%d 分钟",
+    hour: "1 小时",
+    hours: "%d 小时",
+    day: "1 天",
+    days: "%d 天",
+    month: "1 月",
+    months: "%d 月",
+    year: "1 年",
+    years: "%d 年",
+    numbers: [],
+    wordSeparator: "",
+  },
+  en: {
+    prefixAgo: null,
+    prefixFromNow: null,
+    suffixAgo: "ago",
+    suffixFromNow: "one second",
+    seconds: "few seconds",
+    minute: "one minute",
+    minutes: "%d minutes",
+    hour: "one hour",
+    hours: "%d hours",
+    day: "one day",
+    days: "%d days",
+    month: "one month",
+    months: "%d months",
+    year: "one year",
+    years: "%d years",
+    numbers: [],
+  },
+  "zh-TW": {
+    prefixAgo: null,
+    prefixFromNow: null,
+    suffixAgo: "前",
+    suffixFromNow: "剛剛",
+    seconds: "1 分鐘",
+    minute: "約 1 分鐘",
+    minutes: "%d 分鐘",
+    hour: "1 小時",
+    hours: "%d 小時",
+    day: "1 天",
+    days: "%d 天",
+    month: "1 月",
+    months: "%d 月",
+    year: "1 年",
+    years: "%d 年",
+    numbers: [],
+    wordSeparator: "",
+  },
+};
+
+document.addEventListener("DOMContentLoaded", () => {
+  const localized = strings[App.locale];
+  if (jQuery.timeago && localized) {
+    jQuery.timeago.settings.strings = localized;
+    // Display original dates older than 3 months.
+    jQuery.timeago.settings.cutoff = 1000 * 60 * 60 * 24 * 30 * 3;
+
+    $("abbr.timeago").timeago();
+  }
+});
diff --git a/app/javascript/vendor/bootstrap.js b/app/javascript/vendor/bootstrap.js
index 1ce9f7a4b0..f55f4c8664 100644
--- a/app/javascript/vendor/bootstrap.js
+++ b/app/javascript/vendor/bootstrap.js
@@ -1,15 +1,2 @@
 import * as bootstrap from "bootstrap/dist/js/bootstrap.esm";
 window.bootstrap = bootstrap;
-require("bootstrap-select");
-
-document.addEventListener("turbolinks:load", () => {
-  $("select.bootstrap-select").selectpicker({
-    size: 10,
-    style: "btn-secondary",
-  });
-});
-document.addEventListener("turbolinks:before-cache", () => {
-  $("select.bootstrap-select")
-    .selectpicker("destroy")
-    .addClass("bootstrap-select");
-});
diff --git a/lib/assets/javascripts/jquery.atwho.min.js b/app/javascript/vendor/jquery.atwho.min.js
similarity index 100%
rename from lib/assets/javascripts/jquery.atwho.min.js
rename to app/javascript/vendor/jquery.atwho.min.js
diff --git a/lib/assets/javascripts/jquery.autogrow-textarea.js b/app/javascript/vendor/jquery.autogrow-textarea.js
similarity index 100%
rename from lib/assets/javascripts/jquery.autogrow-textarea.js
rename to app/javascript/vendor/jquery.autogrow-textarea.js
diff --git a/lib/assets/javascripts/jquery.fluidbox.min.js b/app/javascript/vendor/jquery.fluidbox.min.js
similarity index 100%
rename from lib/assets/javascripts/jquery.fluidbox.min.js
rename to app/javascript/vendor/jquery.fluidbox.min.js
diff --git a/lib/assets/javascripts/jquery.hotkeys.js b/app/javascript/vendor/jquery.hotkeys.js
similarity index 100%
rename from lib/assets/javascripts/jquery.hotkeys.js
rename to app/javascript/vendor/jquery.hotkeys.js
diff --git a/lib/assets/javascripts/jquery.infinitescroll.min.js b/app/javascript/vendor/jquery.infinitescroll.min.js
similarity index 100%
rename from lib/assets/javascripts/jquery.infinitescroll.min.js
rename to app/javascript/vendor/jquery.infinitescroll.min.js
diff --git a/lib/assets/javascripts/jquery.mobile-events.js b/app/javascript/vendor/jquery.mobile-events.js
similarity index 100%
rename from lib/assets/javascripts/jquery.mobile-events.js
rename to app/javascript/vendor/jquery.mobile-events.js
diff --git a/lib/assets/javascripts/jquery.qrcode.min.js b/app/javascript/vendor/jquery.qrcode.min.js
similarity index 100%
rename from lib/assets/javascripts/jquery.qrcode.min.js
rename to app/javascript/vendor/jquery.qrcode.min.js
diff --git a/lib/assets/javascripts/pagination.js b/app/javascript/vendor/pagination.js
similarity index 100%
rename from lib/assets/javascripts/pagination.js
rename to app/javascript/vendor/pagination.js
diff --git a/app/javascript/vendor/social-share-button/index.js b/app/javascript/vendor/social-share-button/index.js
index 92e7123ae3..005d4b7d59 100644
--- a/app/javascript/vendor/social-share-button/index.js
+++ b/app/javascript/vendor/social-share-button/index.js
@@ -1,5 +1,5 @@
-require("~/jquery.qrcode.min");
-require("./wechat");
+import("~/vendor/jquery.qrcode.min");
+import("./wechat");
 
 window.SocialShareButton = {
   openUrl(url, width, height) {
diff --git a/app/javascript/vendor/social-share-button/wechat.js b/app/javascript/vendor/social-share-button/wechat.js
index 6532853e58..cd837611f3 100644
--- a/app/javascript/vendor/social-share-button/wechat.js
+++ b/app/javascript/vendor/social-share-button/wechat.js
@@ -4,11 +4,12 @@
  * DS207: Consider shorter variations of null checks
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-//= require jquery.qrcode.min
 
 window.SocialShareWeChatButton = {
   init(opts) {
-    if (opts == null) { opts = {}; }
+    if (opts == null) {
+      opts = {};
+    }
     const $wDialog = `<div id='ss-wechat-dialog' class='ss-wechat-dialog'> \
 <div class='wechat-popup-header'> \
 <span>${opts.header}</span> \
@@ -25,34 +26,40 @@ ${opts.footer} \
 
   bindEvents() {
     const $wContainer = $("#ss-wechat-dialog");
-    return $wContainer.find(".wechat-popup-close").on("click", e => $wContainer.hide());
+    return $wContainer
+      .find(".wechat-popup-close")
+      .on("click", (e) => $wContainer.hide());
   },
 
   qrcode(opts) {
-    if (opts == null) { opts = {}; }
+    if (opts == null) {
+      opts = {};
+    }
     if (!$("#ss-wechat-dialog").length) {
       this.init(opts);
       this.bindEvents();
     }
 
-    const $wBody = $('#ss-wechat-dialog-qr');
+    const $wBody = $("#ss-wechat-dialog-qr");
     $wBody.empty();
     $wBody.qrcode({
       width: 200,
       height: 200,
-      text: opts.url
+      text: opts.url,
     });
 
     const $wContainer = $("#ss-wechat-dialog");
     let top = ($(window).height() - $wContainer.height()) / 2;
-    if (top < 100) { top = 100; }
+    if (top < 100) {
+      top = 100;
+    }
     const left = ($(window).width() - $wContainer.width()) / 2;
 
     $wContainer.css({
       top,
-      left
+      left,
     });
 
     return $wContainer.show();
-  }
+  },
 };
diff --git a/lib/assets/javascripts/tooltipster.bundle.min.js b/app/javascript/vendor/tooltipster.bundle.min.js
similarity index 100%
rename from lib/assets/javascripts/tooltipster.bundle.min.js
rename to app/javascript/vendor/tooltipster.bundle.min.js
diff --git a/app/views/admin/dashboards/index.html.erb b/app/views/admin/dashboards/index.html.erb
index 61ba107879..d1e0ef1b46 100644
--- a/app/views/admin/dashboards/index.html.erb
+++ b/app/views/admin/dashboards/index.html.erb
@@ -92,7 +92,7 @@
       </div>
     </div>
   </div>
-  <script type="text/javascript">
+  <script type="module">
     function updateStatValue(data) {
       var el = $('#' + data.model + '-stat');
       el.find(".total").text(data.count);
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index c7e54712db..1d5a233366 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -44,18 +44,6 @@
     <% if current_user %>
       <meta name="current-user" data-user-id="<%= current_user.id %>" data-user-login="<%= current_user.login %>" data-user-name="<%= current_user.name %>" data-user-email="<%= current_user.email %>" data-user-avatar-url="<%= current_user.avatar? ? current_user.avatar.url(:md) : current_user.letter_avatar_url(96) %>">
     <% end %>
-    <%= vite_client_tag %>
-    <%= vite_javascript_tag 'application' %>
-    <!--
-      If using a TypeScript entrypoint file:
-        vite_typescript_tag 'application'
-
-      If using a .jsx or .tsx entrypoint, add the extension:
-        vite_javascript_tag 'application.jsx'
-
-      Visit the guide for more information: https://vite-ruby.netlify.app/guide/rails
-    -->
-
   </head>
   <body class="page-<%= controller_name %><%= ' infinite-scroll' if turbolinks_app? %>" data-controller-name="<%= controller_name %>">
     <div class="flex items-stretch header navbar navbar-expand-md">
@@ -92,11 +80,11 @@
     </footer>
   <% end %>
   <% if mobile? %>
-    <script type="text/javascript">
+    <script type="module">
       App.mobile = true;
     </script>
   <% end %>
-  <script type="text/javascript" data-turbolinks-eval="false">
+  <script type="module" data-turbolinks-eval="false">
     App.root_url = "<%= main_app.root_url %>";
     App.asset_url = "<%= Setting.upload_url -%>";
     App.twemoji_url = "<%= Twemoji.configuration.asset_root %>";
@@ -113,6 +101,12 @@
   </script>
   <%= yield :scripts %>
   <script>
+    // Loading Google Analytics
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
     ga('create', '<%= Setting.google_analytics_key %>', 'auto');
     ga('require', 'displayfeatures');
     ga('send', 'pageview');
diff --git a/app/views/layouts/simple.html.erb b/app/views/layouts/simple.html.erb
index 1c7490c0c1..28b6ff70e1 100644
--- a/app/views/layouts/simple.html.erb
+++ b/app/views/layouts/simple.html.erb
@@ -38,7 +38,7 @@
         <%= raw Setting.footer_html %>
       </div>
     </footer>
-    <script type="text/javascript" data-turbolinks-eval="false">
+    <script type="module" data-turbolinks-eval="false">
       App.root_url = "<%= root_url %>";
       App.asset_url = "<%= Setting.upload_url -%>";
       <% if current_user %>
diff --git a/app/views/notifications/notifications/index.html.erb b/app/views/notifications/notifications/index.html.erb
index 555257b8c5..e31c5fa988 100644
--- a/app/views/notifications/notifications/index.html.erb
+++ b/app/views/notifications/notifications/index.html.erb
@@ -1,6 +1,6 @@
 <div class="notifications card card-lg">
   <div class="card-body">
-    <div class="card-title hide-ios flex md:justify-between">
+    <div class="flex card-title hide-ios md:justify-between">
       <div>
         <%= t('notifications.all_notifications') %>
         <span class="counter"><%= @notifications.total_count %></span>
@@ -21,7 +21,7 @@
         </div>
       <% end %>
     <% end %>
-    <script type="text/javascript">
+    <script type="module">
       $.post("<%= notifications.read_notifications_path %>", { ids: <%= j @unread_ids.as_json %> })
     </script>
     <%= paginate @notifications  %>
diff --git a/app/views/topics/_form.html.erb b/app/views/topics/_form.html.erb
index 8a2ff1ee8f..00f31d74c2 100644
--- a/app/views/topics/_form.html.erb
+++ b/app/views/topics/_form.html.erb
@@ -2,10 +2,8 @@
   <%= render "shared/error_messages", target: @topic %>
   <%= f.hidden_field :node_id %>
   <div class="form-group">
-    <div class="input-group">
-      <div class="input-group-prepend mr-1">
-        <%= f.select :node_id, Node.sorted.name_options, {}, class: "bootstrap-select", data: { "live-search": true } %>
-      </div>
+    <div class="flex flex-col items-center gap-2 md:flex-row">
+      <%= f.select :node_id, Node.sorted.name_options, {}, class: "form-select md:w-[200px]", data: { "live-search": true } %>
       <%= f.text_field :title, class: "form-control", placeholder: t("topics.form.title_placeholder") %>
     </div>
   </div>
diff --git a/app/views/topics/index.html.erb b/app/views/topics/index.html.erb
index 829138fe81..d3686a3149 100644
--- a/app/views/topics/index.html.erb
+++ b/app/views/topics/index.html.erb
@@ -24,10 +24,10 @@
       <% end %>
     </div>
     <% if current_user %>
-      <script type="text/javascript">
-        var readed_topic_ids = <%= @read_topic_ids || [] %>;
+      <script type="module">
+        let readed_topic_ids = <%= @read_topic_ids || [] %>;
         for (var i = 0; i < readed_topic_ids.length; i++) {
-          topic_id = readed_topic_ids[i];
+          let topic_id = readed_topic_ids[i];
           $(".topic-"+ topic_id).addClass('topic-visited');
           $(".topic-"+ topic_id + " .count a").addClass("state-true");
         }
diff --git a/app/views/topics/show.html.erb b/app/views/topics/show.html.erb
index 959e7553fa..86e65f7635 100644
--- a/app/views/topics/show.html.erb
+++ b/app/views/topics/show.html.erb
@@ -1,11 +1,12 @@
 <% title_tag @topic.title, description: @topic.description %>
 <% content_for :scripts do %>
-  <script type="text/javascript">
-    Topics.topic_id = <%= @topic.id %>;
-    <% if !@user_like_reply_ids.blank? %>
-    Topics.user_liked_reply_ids = [<%= @user_like_reply_ids.join(",") %>];
-    <% end %>
-    $(document).ready(function(){
+  <script type="module">
+    window.Topics = Object.assign({}, window.Topics, {
+      topic_id: <%= @topic.id %>,
+      user_liked_reply_ids: [<%= @user_like_reply_ids.join(",") %>],
+    });
+    
+    document.addEventListener("turbolinks:load", () => {
       <% if can?(:manage, Reply) %>
         $("#replies .reply a.edit").css('display','inline-block');
       <% elsif current_user %>
diff --git a/bun.lockb b/bun.lockb
index 05b83de811..cb27de971f 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/config/initializers/content_security_policy.rb b/config/initializers/content_security_policy.rb
index b3076b38fe..80bebbbbc2 100644
--- a/config/initializers/content_security_policy.rb
+++ b/config/initializers/content_security_policy.rb
@@ -11,7 +11,18 @@
 #     policy.img_src     :self, :https, :data
 #     policy.object_src  :none
 #     policy.script_src  :self, :https
+
+# Allow @vite/client to hot reload javascript changes in development
+#    policy.script_src *policy.script_src, :unsafe_eval, "http://#{ ViteRuby.config.host_with_port }" if Rails.env.development?
+
+# You may need to enable this in production as well depending on your setup.
+#    policy.script_src *policy.script_src, :blob if Rails.env.test?
+
 #     policy.style_src   :self, :https
+
+# Allow @vite/client to hot reload style changes in development
+#    policy.style_src *policy.style_src, :unsafe_inline if Rails.env.development?
+
 #     # Specify URI for violation reports
 #     # policy.report_uri "/csp-violation-report-endpoint"
 #   end
diff --git a/lib/assets/javascripts/backbone.js b/lib/assets/javascripts/backbone.js
deleted file mode 100644
index 0688e198c6..0000000000
--- a/lib/assets/javascripts/backbone.js
+++ /dev/null
@@ -1 +0,0 @@
-(function(t,e){if(typeof define==="function"&&define.amd){define(["underscore","jquery","exports"],function(i,r,s){t.Backbone=e(t,s,i,r)})}else if(typeof exports!=="undefined"){var i=require("underscore");e(t,exports,i)}else{t.Backbone=e(t,{},t._,t.jQuery||t.Zepto||t.ender||t.$)}})(this,function(t,e,i,r){var s=t.Backbone;var n=[];var a=n.push;var o=n.slice;var h=n.splice;e.VERSION="1.1.2";e.$=r;e.noConflict=function(){t.Backbone=s;return this};e.emulateHTTP=false;e.emulateJSON=false;var u=e.Events={on:function(t,e,i){if(!c(this,"on",t,[e,i])||!e)return this;this._events||(this._events={});var r=this._events[t]||(this._events[t]=[]);r.push({callback:e,context:i,ctx:i||this});return this},once:function(t,e,r){if(!c(this,"once",t,[e,r])||!e)return this;var s=this;var n=i.once(function(){s.off(t,n);e.apply(this,arguments)});n._callback=e;return this.on(t,n,r)},off:function(t,e,r){var s,n,a,o,h,u,l,f;if(!this._events||!c(this,"off",t,[e,r]))return this;if(!t&&!e&&!r){this._events=void 0;return this}o=t?[t]:i.keys(this._events);for(h=0,u=o.length;h<u;h++){t=o[h];if(a=this._events[t]){this._events[t]=s=[];if(e||r){for(l=0,f=a.length;l<f;l++){n=a[l];if(e&&e!==n.callback&&e!==n.callback._callback||r&&r!==n.context){s.push(n)}}}if(!s.length)delete this._events[t]}}return this},trigger:function(t){if(!this._events)return this;var e=o.call(arguments,1);if(!c(this,"trigger",t,e))return this;var i=this._events[t];var r=this._events.all;if(i)f(i,e);if(r)f(r,arguments);return this},stopListening:function(t,e,r){var s=this._listeningTo;if(!s)return this;var n=!e&&!r;if(!r&&typeof e==="object")r=this;if(t)(s={})[t._listenId]=t;for(var a in s){t=s[a];t.off(e,r,this);if(n||i.isEmpty(t._events))delete this._listeningTo[a]}return this}};var l=/\s+/;var c=function(t,e,i,r){if(!i)return true;if(typeof i==="object"){for(var s in i){t[e].apply(t,[s,i[s]].concat(r))}return false}if(l.test(i)){var n=i.split(l);for(var a=0,o=n.length;a<o;a++){t[e].apply(t,[n[a]].concat(r))}return false}return true};var f=function(t,e){var i,r=-1,s=t.length,n=e[0],a=e[1],o=e[2];switch(e.length){case 0:while(++r<s)(i=t[r]).callback.call(i.ctx);return;case 1:while(++r<s)(i=t[r]).callback.call(i.ctx,n);return;case 2:while(++r<s)(i=t[r]).callback.call(i.ctx,n,a);return;case 3:while(++r<s)(i=t[r]).callback.call(i.ctx,n,a,o);return;default:while(++r<s)(i=t[r]).callback.apply(i.ctx,e);return}};var d={listenTo:"on",listenToOnce:"once"};i.each(d,function(t,e){u[e]=function(e,r,s){var n=this._listeningTo||(this._listeningTo={});var a=e._listenId||(e._listenId=i.uniqueId("l"));n[a]=e;if(!s&&typeof r==="object")s=this;e[t](r,s,this);return this}});u.bind=u.on;u.unbind=u.off;i.extend(e,u);var p=e.Model=function(t,e){var r=t||{};e||(e={});this.cid=i.uniqueId("c");this.attributes={};if(e.collection)this.collection=e.collection;if(e.parse)r=this.parse(r,e)||{};r=i.defaults({},r,i.result(this,"defaults"));this.set(r,e);this.changed={};this.initialize.apply(this,arguments)};i.extend(p.prototype,u,{changed:null,validationError:null,idAttribute:"id",initialize:function(){},toJSON:function(t){return i.clone(this.attributes)},sync:function(){return e.sync.apply(this,arguments)},get:function(t){return this.attributes[t]},escape:function(t){return i.escape(this.get(t))},has:function(t){return this.get(t)!=null},set:function(t,e,r){var s,n,a,o,h,u,l,c;if(t==null)return this;if(typeof t==="object"){n=t;r=e}else{(n={})[t]=e}r||(r={});if(!this._validate(n,r))return false;a=r.unset;h=r.silent;o=[];u=this._changing;this._changing=true;if(!u){this._previousAttributes=i.clone(this.attributes);this.changed={}}c=this.attributes,l=this._previousAttributes;if(this.idAttribute in n)this.id=n[this.idAttribute];for(s in n){e=n[s];if(!i.isEqual(c[s],e))o.push(s);if(!i.isEqual(l[s],e)){this.changed[s]=e}else{delete this.changed[s]}a?delete c[s]:c[s]=e}if(!h){if(o.length)this._pending=r;for(var f=0,d=o.length;f<d;f++){this.trigger("change:"+o[f],this,c[o[f]],r)}}if(u)return this;if(!h){while(this._pending){r=this._pending;this._pending=false;this.trigger("change",this,r)}}this._pending=false;this._changing=false;return this},unset:function(t,e){return this.set(t,void 0,i.extend({},e,{unset:true}))},clear:function(t){var e={};for(var r in this.attributes)e[r]=void 0;return this.set(e,i.extend({},t,{unset:true}))},hasChanged:function(t){if(t==null)return!i.isEmpty(this.changed);return i.has(this.changed,t)},changedAttributes:function(t){if(!t)return this.hasChanged()?i.clone(this.changed):false;var e,r=false;var s=this._changing?this._previousAttributes:this.attributes;for(var n in t){if(i.isEqual(s[n],e=t[n]))continue;(r||(r={}))[n]=e}return r},previous:function(t){if(t==null||!this._previousAttributes)return null;return this._previousAttributes[t]},previousAttributes:function(){return i.clone(this._previousAttributes)},fetch:function(t){t=t?i.clone(t):{};if(t.parse===void 0)t.parse=true;var e=this;var r=t.success;t.success=function(i){if(!e.set(e.parse(i,t),t))return false;if(r)r(e,i,t);e.trigger("sync",e,i,t)};q(this,t);return this.sync("read",this,t)},save:function(t,e,r){var s,n,a,o=this.attributes;if(t==null||typeof t==="object"){s=t;r=e}else{(s={})[t]=e}r=i.extend({validate:true},r);if(s&&!r.wait){if(!this.set(s,r))return false}else{if(!this._validate(s,r))return false}if(s&&r.wait){this.attributes=i.extend({},o,s)}if(r.parse===void 0)r.parse=true;var h=this;var u=r.success;r.success=function(t){h.attributes=o;var e=h.parse(t,r);if(r.wait)e=i.extend(s||{},e);if(i.isObject(e)&&!h.set(e,r)){return false}if(u)u(h,t,r);h.trigger("sync",h,t,r)};q(this,r);n=this.isNew()?"create":r.patch?"patch":"update";if(n==="patch")r.attrs=s;a=this.sync(n,this,r);if(s&&r.wait)this.attributes=o;return a},destroy:function(t){t=t?i.clone(t):{};var e=this;var r=t.success;var s=function(){e.trigger("destroy",e,e.collection,t)};t.success=function(i){if(t.wait||e.isNew())s();if(r)r(e,i,t);if(!e.isNew())e.trigger("sync",e,i,t)};if(this.isNew()){t.success();return false}q(this,t);var n=this.sync("delete",this,t);if(!t.wait)s();return n},url:function(){var t=i.result(this,"urlRoot")||i.result(this.collection,"url")||M();if(this.isNew())return t;return t.replace(/([^\/])$/,"$1/")+encodeURIComponent(this.id)},parse:function(t,e){return t},clone:function(){return new this.constructor(this.attributes)},isNew:function(){return!this.has(this.idAttribute)},isValid:function(t){return this._validate({},i.extend(t||{},{validate:true}))},_validate:function(t,e){if(!e.validate||!this.validate)return true;t=i.extend({},this.attributes,t);var r=this.validationError=this.validate(t,e)||null;if(!r)return true;this.trigger("invalid",this,r,i.extend(e,{validationError:r}));return false}});var v=["keys","values","pairs","invert","pick","omit"];i.each(v,function(t){p.prototype[t]=function(){var e=o.call(arguments);e.unshift(this.attributes);return i[t].apply(i,e)}});var g=e.Collection=function(t,e){e||(e={});if(e.model)this.model=e.model;if(e.comparator!==void 0)this.comparator=e.comparator;this._reset();this.initialize.apply(this,arguments);if(t)this.reset(t,i.extend({silent:true},e))};var m={add:true,remove:true,merge:true};var y={add:true,remove:false};i.extend(g.prototype,u,{model:p,initialize:function(){},toJSON:function(t){return this.map(function(e){return e.toJSON(t)})},sync:function(){return e.sync.apply(this,arguments)},add:function(t,e){return this.set(t,i.extend({merge:false},e,y))},remove:function(t,e){var r=!i.isArray(t);t=r?[t]:i.clone(t);e||(e={});var s,n,a,o;for(s=0,n=t.length;s<n;s++){o=t[s]=this.get(t[s]);if(!o)continue;delete this._byId[o.id];delete this._byId[o.cid];a=this.indexOf(o);this.models.splice(a,1);this.length--;if(!e.silent){e.index=a;o.trigger("remove",o,this,e)}this._removeReference(o,e)}return r?t[0]:t},set:function(t,e){e=i.defaults({},e,m);if(e.parse)t=this.parse(t,e);var r=!i.isArray(t);t=r?t?[t]:[]:i.clone(t);var s,n,a,o,h,u,l;var c=e.at;var f=this.model;var d=this.comparator&&c==null&&e.sort!==false;var v=i.isString(this.comparator)?this.comparator:null;var g=[],y=[],_={};var b=e.add,w=e.merge,x=e.remove;var E=!d&&b&&x?[]:false;for(s=0,n=t.length;s<n;s++){h=t[s]||{};if(h instanceof p){a=o=h}else{a=h[f.prototype.idAttribute||"id"]}if(u=this.get(a)){if(x)_[u.cid]=true;if(w){h=h===o?o.attributes:h;if(e.parse)h=u.parse(h,e);u.set(h,e);if(d&&!l&&u.hasChanged(v))l=true}t[s]=u}else if(b){o=t[s]=this._prepareModel(h,e);if(!o)continue;g.push(o);this._addReference(o,e)}o=u||o;if(E&&(o.isNew()||!_[o.id]))E.push(o);_[o.id]=true}if(x){for(s=0,n=this.length;s<n;++s){if(!_[(o=this.models[s]).cid])y.push(o)}if(y.length)this.remove(y,e)}if(g.length||E&&E.length){if(d)l=true;this.length+=g.length;if(c!=null){for(s=0,n=g.length;s<n;s++){this.models.splice(c+s,0,g[s])}}else{if(E)this.models.length=0;var k=E||g;for(s=0,n=k.length;s<n;s++){this.models.push(k[s])}}}if(l)this.sort({silent:true});if(!e.silent){for(s=0,n=g.length;s<n;s++){(o=g[s]).trigger("add",o,this,e)}if(l||E&&E.length)this.trigger("sort",this,e)}return r?t[0]:t},reset:function(t,e){e||(e={});for(var r=0,s=this.models.length;r<s;r++){this._removeReference(this.models[r],e)}e.previousModels=this.models;this._reset();t=this.add(t,i.extend({silent:true},e));if(!e.silent)this.trigger("reset",this,e);return t},push:function(t,e){return this.add(t,i.extend({at:this.length},e))},pop:function(t){var e=this.at(this.length-1);this.remove(e,t);return e},unshift:function(t,e){return this.add(t,i.extend({at:0},e))},shift:function(t){var e=this.at(0);this.remove(e,t);return e},slice:function(){return o.apply(this.models,arguments)},get:function(t){if(t==null)return void 0;return this._byId[t]||this._byId[t.id]||this._byId[t.cid]},at:function(t){return this.models[t]},where:function(t,e){if(i.isEmpty(t))return e?void 0:[];return this[e?"find":"filter"](function(e){for(var i in t){if(t[i]!==e.get(i))return false}return true})},findWhere:function(t){return this.where(t,true)},sort:function(t){if(!this.comparator)throw new Error("Cannot sort a set without a comparator");t||(t={});if(i.isString(this.comparator)||this.comparator.length===1){this.models=this.sortBy(this.comparator,this)}else{this.models.sort(i.bind(this.comparator,this))}if(!t.silent)this.trigger("sort",this,t);return this},pluck:function(t){return i.invoke(this.models,"get",t)},fetch:function(t){t=t?i.clone(t):{};if(t.parse===void 0)t.parse=true;var e=t.success;var r=this;t.success=function(i){var s=t.reset?"reset":"set";r[s](i,t);if(e)e(r,i,t);r.trigger("sync",r,i,t)};q(this,t);return this.sync("read",this,t)},create:function(t,e){e=e?i.clone(e):{};if(!(t=this._prepareModel(t,e)))return false;if(!e.wait)this.add(t,e);var r=this;var s=e.success;e.success=function(t,i){if(e.wait)r.add(t,e);if(s)s(t,i,e)};t.save(null,e);return t},parse:function(t,e){return t},clone:function(){return new this.constructor(this.models)},_reset:function(){this.length=0;this.models=[];this._byId={}},_prepareModel:function(t,e){if(t instanceof p)return t;e=e?i.clone(e):{};e.collection=this;var r=new this.model(t,e);if(!r.validationError)return r;this.trigger("invalid",this,r.validationError,e);return false},_addReference:function(t,e){this._byId[t.cid]=t;if(t.id!=null)this._byId[t.id]=t;if(!t.collection)t.collection=this;t.on("all",this._onModelEvent,this)},_removeReference:function(t,e){if(this===t.collection)delete t.collection;t.off("all",this._onModelEvent,this)},_onModelEvent:function(t,e,i,r){if((t==="add"||t==="remove")&&i!==this)return;if(t==="destroy")this.remove(e,r);if(e&&t==="change:"+e.idAttribute){delete this._byId[e.previous(e.idAttribute)];if(e.id!=null)this._byId[e.id]=e}this.trigger.apply(this,arguments)}});var _=["forEach","each","map","collect","reduce","foldl","inject","reduceRight","foldr","find","detect","filter","select","reject","every","all","some","any","include","contains","invoke","max","min","toArray","size","first","head","take","initial","rest","tail","drop","last","without","difference","indexOf","shuffle","lastIndexOf","isEmpty","chain","sample"];i.each(_,function(t){g.prototype[t]=function(){var e=o.call(arguments);e.unshift(this.models);return i[t].apply(i,e)}});var b=["groupBy","countBy","sortBy","indexBy"];i.each(b,function(t){g.prototype[t]=function(e,r){var s=i.isFunction(e)?e:function(t){return t.get(e)};return i[t](this.models,s,r)}});var w=e.View=function(t){this.cid=i.uniqueId("view");t||(t={});i.extend(this,i.pick(t,E));this._ensureElement();this.initialize.apply(this,arguments);this.delegateEvents()};var x=/^(\S+)\s*(.*)$/;var E=["model","collection","el","id","attributes","className","tagName","events"];i.extend(w.prototype,u,{tagName:"div",$:function(t){return this.$el.find(t)},initialize:function(){},render:function(){return this},remove:function(){this.$el.remove();this.stopListening();return this},setElement:function(t,i){if(this.$el)this.undelegateEvents();this.$el=t instanceof e.$?t:e.$(t);this.el=this.$el[0];if(i!==false)this.delegateEvents();return this},delegateEvents:function(t){if(!(t||(t=i.result(this,"events"))))return this;this.undelegateEvents();for(var e in t){var r=t[e];if(!i.isFunction(r))r=this[t[e]];if(!r)continue;var s=e.match(x);var n=s[1],a=s[2];r=i.bind(r,this);n+=".delegateEvents"+this.cid;if(a===""){this.$el.on(n,r)}else{this.$el.on(n,a,r)}}return this},undelegateEvents:function(){this.$el.off(".delegateEvents"+this.cid);return this},_ensureElement:function(){if(!this.el){var t=i.extend({},i.result(this,"attributes"));if(this.id)t.id=i.result(this,"id");if(this.className)t["class"]=i.result(this,"className");var r=e.$("<"+i.result(this,"tagName")+">").attr(t);this.setElement(r,false)}else{this.setElement(i.result(this,"el"),false)}}});e.sync=function(t,r,s){var n=T[t];i.defaults(s||(s={}),{emulateHTTP:e.emulateHTTP,emulateJSON:e.emulateJSON});var a={type:n,dataType:"json"};if(!s.url){a.url=i.result(r,"url")||M()}if(s.data==null&&r&&(t==="create"||t==="update"||t==="patch")){a.contentType="application/json";a.data=JSON.stringify(s.attrs||r.toJSON(s))}if(s.emulateJSON){a.contentType="application/x-www-form-urlencoded";a.data=a.data?{model:a.data}:{}}if(s.emulateHTTP&&(n==="PUT"||n==="DELETE"||n==="PATCH")){a.type="POST";if(s.emulateJSON)a.data._method=n;var o=s.beforeSend;s.beforeSend=function(t){t.setRequestHeader("X-HTTP-Method-Override",n);if(o)return o.apply(this,arguments)}}if(a.type!=="GET"&&!s.emulateJSON){a.processData=false}if(a.type==="PATCH"&&k){a.xhr=function(){return new ActiveXObject("Microsoft.XMLHTTP")}}var h=s.xhr=e.ajax(i.extend(a,s));r.trigger("request",r,h,s);return h};var k=typeof window!=="undefined"&&!!window.ActiveXObject&&!(window.XMLHttpRequest&&(new XMLHttpRequest).dispatchEvent);var T={create:"POST",update:"PUT",patch:"PATCH","delete":"DELETE",read:"GET"};e.ajax=function(){return e.$.ajax.apply(e.$,arguments)};var $=e.Router=function(t){t||(t={});if(t.routes)this.routes=t.routes;this._bindRoutes();this.initialize.apply(this,arguments)};var S=/\((.*?)\)/g;var H=/(\(\?)?:\w+/g;var A=/\*\w+/g;var I=/[\-{}\[\]+?.,\\\^$|#\s]/g;i.extend($.prototype,u,{initialize:function(){},route:function(t,r,s){if(!i.isRegExp(t))t=this._routeToRegExp(t);if(i.isFunction(r)){s=r;r=""}if(!s)s=this[r];var n=this;e.history.route(t,function(i){var a=n._extractParameters(t,i);n.execute(s,a);n.trigger.apply(n,["route:"+r].concat(a));n.trigger("route",r,a);e.history.trigger("route",n,r,a)});return this},execute:function(t,e){if(t)t.apply(this,e)},navigate:function(t,i){e.history.navigate(t,i);return this},_bindRoutes:function(){if(!this.routes)return;this.routes=i.result(this,"routes");var t,e=i.keys(this.routes);while((t=e.pop())!=null){this.route(t,this.routes[t])}},_routeToRegExp:function(t){t=t.replace(I,"\\$&").replace(S,"(?:$1)?").replace(H,function(t,e){return e?t:"([^/?]+)"}).replace(A,"([^?]*?)");return new RegExp("^"+t+"(?:\\?([\\s\\S]*))?$")},_extractParameters:function(t,e){var r=t.exec(e).slice(1);return i.map(r,function(t,e){if(e===r.length-1)return t||null;return t?decodeURIComponent(t):null})}});var N=e.History=function(){this.handlers=[];i.bindAll(this,"checkUrl");if(typeof window!=="undefined"){this.location=window.location;this.history=window.history}};var R=/^[#\/]|\s+$/g;var O=/^\/+|\/+$/g;var P=/msie [\w.]+/;var C=/\/$/;var j=/#.*$/;N.started=false;i.extend(N.prototype,u,{interval:50,atRoot:function(){return this.location.pathname.replace(/[^\/]$/,"$&/")===this.root},getHash:function(t){var e=(t||this).location.href.match(/#(.*)$/);return e?e[1]:""},getFragment:function(t,e){if(t==null){if(this._hasPushState||!this._wantsHashChange||e){t=decodeURI(this.location.pathname+this.location.search);var i=this.root.replace(C,"");if(!t.indexOf(i))t=t.slice(i.length)}else{t=this.getHash()}}return t.replace(R,"")},start:function(t){if(N.started)throw new Error("Backbone.history has already been started");N.started=true;this.options=i.extend({root:"/"},this.options,t);this.root=this.options.root;this._wantsHashChange=this.options.hashChange!==false;this._wantsPushState=!!this.options.pushState;this._hasPushState=!!(this.options.pushState&&this.history&&this.history.pushState);var r=this.getFragment();var s=document.documentMode;var n=P.exec(navigator.userAgent.toLowerCase())&&(!s||s<=7);this.root=("/"+this.root+"/").replace(O,"/");if(n&&this._wantsHashChange){var a=e.$('<iframe src="javascript:0" tabindex="-1">');this.iframe=a.hide().appendTo("body")[0].contentWindow;this.navigate(r)}if(this._hasPushState){e.$(window).on("popstate",this.checkUrl)}else if(this._wantsHashChange&&"onhashchange"in window&&!n){e.$(window).on("hashchange",this.checkUrl)}else if(this._wantsHashChange){this._checkUrlInterval=setInterval(this.checkUrl,this.interval)}this.fragment=r;var o=this.location;if(this._wantsHashChange&&this._wantsPushState){if(!this._hasPushState&&!this.atRoot()){this.fragment=this.getFragment(null,true);this.location.replace(this.root+"#"+this.fragment);return true}else if(this._hasPushState&&this.atRoot()&&o.hash){this.fragment=this.getHash().replace(R,"");this.history.replaceState({},document.title,this.root+this.fragment)}}if(!this.options.silent)return this.loadUrl()},stop:function(){e.$(window).off("popstate",this.checkUrl).off("hashchange",this.checkUrl);if(this._checkUrlInterval)clearInterval(this._checkUrlInterval);N.started=false},route:function(t,e){this.handlers.unshift({route:t,callback:e})},checkUrl:function(t){var e=this.getFragment();if(e===this.fragment&&this.iframe){e=this.getFragment(this.getHash(this.iframe))}if(e===this.fragment)return false;if(this.iframe)this.navigate(e);this.loadUrl()},loadUrl:function(t){t=this.fragment=this.getFragment(t);return i.any(this.handlers,function(e){if(e.route.test(t)){e.callback(t);return true}})},navigate:function(t,e){if(!N.started)return false;if(!e||e===true)e={trigger:!!e};var i=this.root+(t=this.getFragment(t||""));t=t.replace(j,"");if(this.fragment===t)return;this.fragment=t;if(t===""&&i!=="/")i=i.slice(0,-1);if(this._hasPushState){this.history[e.replace?"replaceState":"pushState"]({},document.title,i)}else if(this._wantsHashChange){this._updateHash(this.location,t,e.replace);if(this.iframe&&t!==this.getFragment(this.getHash(this.iframe))){if(!e.replace)this.iframe.document.open().close();this._updateHash(this.iframe.location,t,e.replace)}}else{return this.location.assign(i)}if(e.trigger)return this.loadUrl(t)},_updateHash:function(t,e,i){if(i){var r=t.href.replace(/(javascript:|#).*$/,"");t.replace(r+"#"+e)}else{t.hash="#"+e}}});e.history=new N;var U=function(t,e){var r=this;var s;if(t&&i.has(t,"constructor")){s=t.constructor}else{s=function(){return r.apply(this,arguments)}}i.extend(s,r,e);var n=function(){this.constructor=s};n.prototype=r.prototype;s.prototype=new n;if(t)i.extend(s.prototype,t);s.__super__=r.prototype;return s};p.extend=g.extend=$.extend=w.extend=N.extend=U;var M=function(){throw new Error('A "url" property or function must be specified')};var q=function(t,e){var i=e.error;e.error=function(r){if(i)i(t,r,e);t.trigger("error",t,r,e)}};return e});
diff --git a/lib/assets/javascripts/google_analytics.js b/lib/assets/javascripts/google_analytics.js
deleted file mode 100644
index 9fe13df63d..0000000000
--- a/lib/assets/javascripts/google_analytics.js
+++ /dev/null
@@ -1,4 +0,0 @@
-(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
diff --git a/lib/assets/javascripts/jquery.timeago.js b/lib/assets/javascripts/jquery.timeago.js
deleted file mode 100644
index 264b731789..0000000000
--- a/lib/assets/javascripts/jquery.timeago.js
+++ /dev/null
@@ -1,231 +0,0 @@
-/**
- * Timeago is a jQuery plugin that makes it easy to support automatically
- * updating fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago").
- *
- * @name timeago
- * @version 1.5.3
- * @requires jQuery v1.2.3+
- * @author Ryan McGeary
- * @license MIT License - http://www.opensource.org/licenses/mit-license.php
- *
- * For usage and examples, visit:
- * http://timeago.yarp.com/
- *
- * Copyright (c) 2008-2015, Ryan McGeary (ryan -[at]- mcgeary [*dot*] org)
- */
-
-(function (factory) {
-  if (typeof define === 'function' && define.amd) {
-    // AMD. Register as an anonymous module.
-    define(['jquery'], factory);
-  } else if (typeof module === 'object' && typeof module.exports === 'object') {
-    factory(require('jquery'));
-  } else {
-    // Browser globals
-    factory(jQuery);
-  }
-}(function ($) {
-  $.timeago = function(timestamp) {
-    if (timestamp instanceof Date) {
-      return inWords(timestamp);
-    } else if (typeof timestamp === "string") {
-      return inWords($.timeago.parse(timestamp));
-    } else if (typeof timestamp === "number") {
-      return inWords(new Date(timestamp));
-    } else {
-      return inWords($.timeago.datetime(timestamp));
-    }
-  };
-  var $t = $.timeago;
-
-  $.extend($.timeago, {
-    settings: {
-      refreshMillis: 60000,
-      allowPast: true,
-      allowFuture: false,
-      localeTitle: false,
-      cutoff: 0,
-      autoDispose: true,
-      strings: {
-        prefixAgo: null,
-        prefixFromNow: null,
-        suffixAgo: "ago",
-        suffixFromNow: "from now",
-        inPast: 'any moment now',
-        seconds: "less than a minute",
-        minute: "about a minute",
-        minutes: "%d minutes",
-        hour: "about an hour",
-        hours: "about %d hours",
-        day: "a day",
-        days: "%d days",
-        month: "about a month",
-        months: "%d months",
-        year: "about a year",
-        years: "%d years",
-        wordSeparator: " ",
-        numbers: []
-      }
-    },
-
-    inWords: function(distanceMillis) {
-      if (!this.settings.allowPast && ! this.settings.allowFuture) {
-          throw 'timeago allowPast and allowFuture settings can not both be set to false.';
-      }
-
-      var $l = this.settings.strings;
-      var prefix = $l.prefixAgo;
-      var suffix = $l.suffixAgo;
-      if (this.settings.allowFuture) {
-        if (distanceMillis < 0) {
-          prefix = $l.prefixFromNow;
-          suffix = $l.suffixFromNow;
-        }
-      }
-
-      if (!this.settings.allowPast && distanceMillis >= 0) {
-        return this.settings.strings.inPast;
-      }
-
-      var seconds = Math.abs(distanceMillis) / 1000;
-      var minutes = seconds / 60;
-      var hours = minutes / 60;
-      var days = hours / 24;
-      var years = days / 365;
-
-      function substitute(stringOrFunction, number) {
-        var string = $.isFunction(stringOrFunction) ? stringOrFunction(number, distanceMillis) : stringOrFunction;
-        var value = ($l.numbers && $l.numbers[number]) || number;
-        return string.replace(/%d/i, value);
-      }
-
-      var words = seconds < 45 && substitute($l.seconds, Math.round(seconds)) ||
-        seconds < 90 && substitute($l.minute, 1) ||
-        minutes < 45 && substitute($l.minutes, Math.round(minutes)) ||
-        minutes < 90 && substitute($l.hour, 1) ||
-        hours < 24 && substitute($l.hours, Math.round(hours)) ||
-        hours < 42 && substitute($l.day, 1) ||
-        days < 30 && substitute($l.days, Math.round(days)) ||
-        days < 45 && substitute($l.month, 1) ||
-        days < 365 && substitute($l.months, Math.round(days / 30)) ||
-        years < 1.5 && substitute($l.year, 1) ||
-        substitute($l.years, Math.round(years));
-
-      var separator = $l.wordSeparator || "";
-      if ($l.wordSeparator === undefined) { separator = " "; }
-      return $.trim([prefix, words, suffix].join(separator));
-    },
-
-    parse: function(iso8601) {
-      var s = $.trim(iso8601);
-      s = s.replace(/\.\d+/,""); // remove milliseconds
-      s = s.replace(/-/,"/").replace(/-/,"/");
-      s = s.replace(/T/," ").replace(/Z/," UTC");
-      s = s.replace(/([\+\-]\d\d)\:?(\d\d)/," $1$2"); // -04:00 -> -0400
-      s = s.replace(/([\+\-]\d\d)$/," $100"); // +09 -> +0900
-      return new Date(s);
-    },
-    datetime: function(elem) {
-      var iso8601 = $t.isTime(elem) ? $(elem).attr("datetime") : $(elem).attr("title");
-      return $t.parse(iso8601);
-    },
-    isTime: function(elem) {
-      // jQuery's `is()` doesn't play well with HTML5 in IE
-      return $(elem).get(0).tagName.toLowerCase() === "time"; // $(elem).is("time");
-    }
-  });
-
-  // functions that can be called via $(el).timeago('action')
-  // init is default when no action is given
-  // functions are called with context of a single element
-  var functions = {
-    init: function() {
-      var refresh_el = $.proxy(refresh, this);
-      refresh_el();
-      var $s = $t.settings;
-      if ($s.refreshMillis > 0) {
-        this._timeagoInterval = setInterval(refresh_el, $s.refreshMillis);
-      }
-    },
-    update: function(timestamp) {
-      var date = (timestamp instanceof Date) ? timestamp : $t.parse(timestamp);
-      $(this).data('timeago', { datetime: date });
-      if ($t.settings.localeTitle) {
-        $(this).attr("title", date.toLocaleString());
-      }
-      refresh.apply(this);
-    },
-    updateFromDOM: function() {
-      $(this).data('timeago', { datetime: $t.parse( $t.isTime(this) ? $(this).attr("datetime") : $(this).attr("title") ) });
-      refresh.apply(this);
-    },
-    dispose: function () {
-      if (this._timeagoInterval) {
-        window.clearInterval(this._timeagoInterval);
-        this._timeagoInterval = null;
-      }
-    }
-  };
-
-  $.fn.timeago = function(action, options) {
-    var fn = action ? functions[action] : functions.init;
-    if (!fn) {
-      throw new Error("Unknown function name '"+ action +"' for timeago");
-    }
-    // each over objects here and call the requested function
-    this.each(function() {
-      fn.call(this, options);
-    });
-    return this;
-  };
-
-  function refresh() {
-    var $s = $t.settings;
-
-    //check if it's still visible
-    if ($s.autoDispose && !$.contains(document.documentElement,this)) {
-      //stop if it has been removed
-      $(this).timeago("dispose");
-      return this;
-    }
-
-    var data = prepareData(this);
-
-    if (!isNaN(data.datetime)) {
-      if ( $s.cutoff === 0 || Math.abs(distance(data.datetime)) < $s.cutoff) {
-        $(this).text(inWords(data.datetime));
-      } else {
-        if ($(this).attr('title').length > 0) {
-            $(this).text($(this).attr('title'));
-        }
-      }
-    }
-    return this;
-  }
-
-  function prepareData(element) {
-    element = $(element);
-    if (!element.data("timeago")) {
-      element.data("timeago", { datetime: $t.datetime(element) });
-      var text = $.trim(element.text());
-      if ($t.settings.localeTitle) {
-        element.attr("title", element.data('timeago').datetime.toLocaleString());
-      } else if (text.length > 0 && !($t.isTime(element) && element.attr("title"))) {
-        element.attr("title", text);
-      }
-    }
-    return element.data("timeago");
-  }
-
-  function inWords(date) {
-    return $t.inWords(distance(date));
-  }
-
-  function distance(date) {
-    return (new Date().getTime() - date.getTime());
-  }
-
-  // fix for IE6 suckage
-  document.createElement("abbr");
-  document.createElement("time");
-}));
diff --git a/lib/assets/javascripts/jquery.timeago.settings.js b/lib/assets/javascripts/jquery.timeago.settings.js
deleted file mode 100644
index b13278d2c2..0000000000
--- a/lib/assets/javascripts/jquery.timeago.settings.js
+++ /dev/null
@@ -1,70 +0,0 @@
-(function() {
-  var strings = {
-    "zh-CN": {
-      prefixAgo: null,
-      prefixFromNow: null,
-      suffixAgo: "前",
-      suffixFromNow: "刚刚",
-      seconds: "1 分钟",
-      minute: "约 1 分钟",
-      minutes: "%d 分钟",
-      hour: "1 小时",
-      hours: "%d 小时",
-      day: "1 天",
-      days: "%d 天",
-      month: "1 月",
-      months: "%d 月",
-      year: "1 年",
-      years: "%d 年",
-      numbers: [],
-      wordSeparator: ''
-    },
-    "en": {
-      prefixAgo: null,
-      prefixFromNow: null,
-      suffixAgo: "ago",
-      suffixFromNow: "one second",
-      seconds: "few seconds",
-      minute: "one minute",
-      minutes: "%d minutes",
-      hour: "one hour",
-      hours: "%d hours",
-      day: "one day",
-      days: "%d days",
-      month: "one month",
-      months: "%d months",
-      year: "one year",
-      years: "%d years",
-      numbers: []
-    },
-    "zh-TW": {
-      prefixAgo: null,
-      prefixFromNow: null,
-      suffixAgo: "前",
-      suffixFromNow: "剛剛",
-      seconds: "1 分鐘",
-      minute: "約 1 分鐘",
-      minutes: "%d 分鐘",
-      hour: "1 小時",
-      hours: "%d 小時",
-      day: "1 天",
-      days: "%d 天",
-      month: "1 月",
-      months: "%d 月",
-      year: "1 年",
-      years: "%d 年",
-      numbers: [],
-      wordSeparator: ''
-    }
-  };
-
-  $("document").ready(function() {
-    var localized = strings[App.locale];
-    if (localized) {
-      jQuery.timeago.settings.strings = localized;
-      // Display original dates older than 3 months.
-      jQuery.timeago.settings.cutoff = 1000*60*60*24*30*3;
-    }
-  });
-
-})();
diff --git a/lib/assets/javascripts/underscore.js b/lib/assets/javascripts/underscore.js
deleted file mode 100644
index 38de2bc99b..0000000000
--- a/lib/assets/javascripts/underscore.js
+++ /dev/null
@@ -1,5 +0,0 @@
-//     Underscore.js 1.7.0
-//     http://underscorejs.org
-//     (c) 2009-2014 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
-//     Underscore may be freely distributed under the MIT license.
-(function(){var n=this,t=n._,r=Array.prototype,e=Object.prototype,u=Function.prototype,i=r.push,a=r.slice,o=r.concat,l=e.toString,c=e.hasOwnProperty,f=Array.isArray,s=Object.keys,p=u.bind,h=function(n){return n instanceof h?n:this instanceof h?void(this._wrapped=n):new h(n)};"undefined"!=typeof exports?("undefined"!=typeof module&&module.exports&&(exports=module.exports=h),exports._=h):n._=h,h.VERSION="1.7.0";var g=function(n,t,r){if(t===void 0)return n;switch(null==r?3:r){case 1:return function(r){return n.call(t,r)};case 2:return function(r,e){return n.call(t,r,e)};case 3:return function(r,e,u){return n.call(t,r,e,u)};case 4:return function(r,e,u,i){return n.call(t,r,e,u,i)}}return function(){return n.apply(t,arguments)}};h.iteratee=function(n,t,r){return null==n?h.identity:h.isFunction(n)?g(n,t,r):h.isObject(n)?h.matches(n):h.property(n)},h.each=h.forEach=function(n,t,r){if(null==n)return n;t=g(t,r);var e,u=n.length;if(u===+u)for(e=0;u>e;e++)t(n[e],e,n);else{var i=h.keys(n);for(e=0,u=i.length;u>e;e++)t(n[i[e]],i[e],n)}return n},h.map=h.collect=function(n,t,r){if(null==n)return[];t=h.iteratee(t,r);for(var e,u=n.length!==+n.length&&h.keys(n),i=(u||n).length,a=Array(i),o=0;i>o;o++)e=u?u[o]:o,a[o]=t(n[e],e,n);return a};var v="Reduce of empty array with no initial value";h.reduce=h.foldl=h.inject=function(n,t,r,e){null==n&&(n=[]),t=g(t,e,4);var u,i=n.length!==+n.length&&h.keys(n),a=(i||n).length,o=0;if(arguments.length<3){if(!a)throw new TypeError(v);r=n[i?i[o++]:o++]}for(;a>o;o++)u=i?i[o]:o,r=t(r,n[u],u,n);return r},h.reduceRight=h.foldr=function(n,t,r,e){null==n&&(n=[]),t=g(t,e,4);var u,i=n.length!==+n.length&&h.keys(n),a=(i||n).length;if(arguments.length<3){if(!a)throw new TypeError(v);r=n[i?i[--a]:--a]}for(;a--;)u=i?i[a]:a,r=t(r,n[u],u,n);return r},h.find=h.detect=function(n,t,r){var e;return t=h.iteratee(t,r),h.some(n,function(n,r,u){return t(n,r,u)?(e=n,!0):void 0}),e},h.filter=h.select=function(n,t,r){var e=[];return null==n?e:(t=h.iteratee(t,r),h.each(n,function(n,r,u){t(n,r,u)&&e.push(n)}),e)},h.reject=function(n,t,r){return h.filter(n,h.negate(h.iteratee(t)),r)},h.every=h.all=function(n,t,r){if(null==n)return!0;t=h.iteratee(t,r);var e,u,i=n.length!==+n.length&&h.keys(n),a=(i||n).length;for(e=0;a>e;e++)if(u=i?i[e]:e,!t(n[u],u,n))return!1;return!0},h.some=h.any=function(n,t,r){if(null==n)return!1;t=h.iteratee(t,r);var e,u,i=n.length!==+n.length&&h.keys(n),a=(i||n).length;for(e=0;a>e;e++)if(u=i?i[e]:e,t(n[u],u,n))return!0;return!1},h.contains=h.include=function(n,t){return null==n?!1:(n.length!==+n.length&&(n=h.values(n)),h.indexOf(n,t)>=0)},h.invoke=function(n,t){var r=a.call(arguments,2),e=h.isFunction(t);return h.map(n,function(n){return(e?t:n[t]).apply(n,r)})},h.pluck=function(n,t){return h.map(n,h.property(t))},h.where=function(n,t){return h.filter(n,h.matches(t))},h.findWhere=function(n,t){return h.find(n,h.matches(t))},h.max=function(n,t,r){var e,u,i=-1/0,a=-1/0;if(null==t&&null!=n){n=n.length===+n.length?n:h.values(n);for(var o=0,l=n.length;l>o;o++)e=n[o],e>i&&(i=e)}else t=h.iteratee(t,r),h.each(n,function(n,r,e){u=t(n,r,e),(u>a||u===-1/0&&i===-1/0)&&(i=n,a=u)});return i},h.min=function(n,t,r){var e,u,i=1/0,a=1/0;if(null==t&&null!=n){n=n.length===+n.length?n:h.values(n);for(var o=0,l=n.length;l>o;o++)e=n[o],i>e&&(i=e)}else t=h.iteratee(t,r),h.each(n,function(n,r,e){u=t(n,r,e),(a>u||1/0===u&&1/0===i)&&(i=n,a=u)});return i},h.shuffle=function(n){for(var t,r=n&&n.length===+n.length?n:h.values(n),e=r.length,u=Array(e),i=0;e>i;i++)t=h.random(0,i),t!==i&&(u[i]=u[t]),u[t]=r[i];return u},h.sample=function(n,t,r){return null==t||r?(n.length!==+n.length&&(n=h.values(n)),n[h.random(n.length-1)]):h.shuffle(n).slice(0,Math.max(0,t))},h.sortBy=function(n,t,r){return t=h.iteratee(t,r),h.pluck(h.map(n,function(n,r,e){return{value:n,index:r,criteria:t(n,r,e)}}).sort(function(n,t){var r=n.criteria,e=t.criteria;if(r!==e){if(r>e||r===void 0)return 1;if(e>r||e===void 0)return-1}return n.index-t.index}),"value")};var m=function(n){return function(t,r,e){var u={};return r=h.iteratee(r,e),h.each(t,function(e,i){var a=r(e,i,t);n(u,e,a)}),u}};h.groupBy=m(function(n,t,r){h.has(n,r)?n[r].push(t):n[r]=[t]}),h.indexBy=m(function(n,t,r){n[r]=t}),h.countBy=m(function(n,t,r){h.has(n,r)?n[r]++:n[r]=1}),h.sortedIndex=function(n,t,r,e){r=h.iteratee(r,e,1);for(var u=r(t),i=0,a=n.length;a>i;){var o=i+a>>>1;r(n[o])<u?i=o+1:a=o}return i},h.toArray=function(n){return n?h.isArray(n)?a.call(n):n.length===+n.length?h.map(n,h.identity):h.values(n):[]},h.size=function(n){return null==n?0:n.length===+n.length?n.length:h.keys(n).length},h.partition=function(n,t,r){t=h.iteratee(t,r);var e=[],u=[];return h.each(n,function(n,r,i){(t(n,r,i)?e:u).push(n)}),[e,u]},h.first=h.head=h.take=function(n,t,r){return null==n?void 0:null==t||r?n[0]:0>t?[]:a.call(n,0,t)},h.initial=function(n,t,r){return a.call(n,0,Math.max(0,n.length-(null==t||r?1:t)))},h.last=function(n,t,r){return null==n?void 0:null==t||r?n[n.length-1]:a.call(n,Math.max(n.length-t,0))},h.rest=h.tail=h.drop=function(n,t,r){return a.call(n,null==t||r?1:t)},h.compact=function(n){return h.filter(n,h.identity)};var y=function(n,t,r,e){if(t&&h.every(n,h.isArray))return o.apply(e,n);for(var u=0,a=n.length;a>u;u++){var l=n[u];h.isArray(l)||h.isArguments(l)?t?i.apply(e,l):y(l,t,r,e):r||e.push(l)}return e};h.flatten=function(n,t){return y(n,t,!1,[])},h.without=function(n){return h.difference(n,a.call(arguments,1))},h.uniq=h.unique=function(n,t,r,e){if(null==n)return[];h.isBoolean(t)||(e=r,r=t,t=!1),null!=r&&(r=h.iteratee(r,e));for(var u=[],i=[],a=0,o=n.length;o>a;a++){var l=n[a];if(t)a&&i===l||u.push(l),i=l;else if(r){var c=r(l,a,n);h.indexOf(i,c)<0&&(i.push(c),u.push(l))}else h.indexOf(u,l)<0&&u.push(l)}return u},h.union=function(){return h.uniq(y(arguments,!0,!0,[]))},h.intersection=function(n){if(null==n)return[];for(var t=[],r=arguments.length,e=0,u=n.length;u>e;e++){var i=n[e];if(!h.contains(t,i)){for(var a=1;r>a&&h.contains(arguments[a],i);a++);a===r&&t.push(i)}}return t},h.difference=function(n){var t=y(a.call(arguments,1),!0,!0,[]);return h.filter(n,function(n){return!h.contains(t,n)})},h.zip=function(n){if(null==n)return[];for(var t=h.max(arguments,"length").length,r=Array(t),e=0;t>e;e++)r[e]=h.pluck(arguments,e);return r},h.object=function(n,t){if(null==n)return{};for(var r={},e=0,u=n.length;u>e;e++)t?r[n[e]]=t[e]:r[n[e][0]]=n[e][1];return r},h.indexOf=function(n,t,r){if(null==n)return-1;var e=0,u=n.length;if(r){if("number"!=typeof r)return e=h.sortedIndex(n,t),n[e]===t?e:-1;e=0>r?Math.max(0,u+r):r}for(;u>e;e++)if(n[e]===t)return e;return-1},h.lastIndexOf=function(n,t,r){if(null==n)return-1;var e=n.length;for("number"==typeof r&&(e=0>r?e+r+1:Math.min(e,r+1));--e>=0;)if(n[e]===t)return e;return-1},h.range=function(n,t,r){arguments.length<=1&&(t=n||0,n=0),r=r||1;for(var e=Math.max(Math.ceil((t-n)/r),0),u=Array(e),i=0;e>i;i++,n+=r)u[i]=n;return u};var d=function(){};h.bind=function(n,t){var r,e;if(p&&n.bind===p)return p.apply(n,a.call(arguments,1));if(!h.isFunction(n))throw new TypeError("Bind must be called on a function");return r=a.call(arguments,2),e=function(){if(!(this instanceof e))return n.apply(t,r.concat(a.call(arguments)));d.prototype=n.prototype;var u=new d;d.prototype=null;var i=n.apply(u,r.concat(a.call(arguments)));return h.isObject(i)?i:u}},h.partial=function(n){var t=a.call(arguments,1);return function(){for(var r=0,e=t.slice(),u=0,i=e.length;i>u;u++)e[u]===h&&(e[u]=arguments[r++]);for(;r<arguments.length;)e.push(arguments[r++]);return n.apply(this,e)}},h.bindAll=function(n){var t,r,e=arguments.length;if(1>=e)throw new Error("bindAll must be passed function names");for(t=1;e>t;t++)r=arguments[t],n[r]=h.bind(n[r],n);return n},h.memoize=function(n,t){var r=function(e){var u=r.cache,i=t?t.apply(this,arguments):e;return h.has(u,i)||(u[i]=n.apply(this,arguments)),u[i]};return r.cache={},r},h.delay=function(n,t){var r=a.call(arguments,2);return setTimeout(function(){return n.apply(null,r)},t)},h.defer=function(n){return h.delay.apply(h,[n,1].concat(a.call(arguments,1)))},h.throttle=function(n,t,r){var e,u,i,a=null,o=0;r||(r={});var l=function(){o=r.leading===!1?0:h.now(),a=null,i=n.apply(e,u),a||(e=u=null)};return function(){var c=h.now();o||r.leading!==!1||(o=c);var f=t-(c-o);return e=this,u=arguments,0>=f||f>t?(clearTimeout(a),a=null,o=c,i=n.apply(e,u),a||(e=u=null)):a||r.trailing===!1||(a=setTimeout(l,f)),i}},h.debounce=function(n,t,r){var e,u,i,a,o,l=function(){var c=h.now()-a;t>c&&c>0?e=setTimeout(l,t-c):(e=null,r||(o=n.apply(i,u),e||(i=u=null)))};return function(){i=this,u=arguments,a=h.now();var c=r&&!e;return e||(e=setTimeout(l,t)),c&&(o=n.apply(i,u),i=u=null),o}},h.wrap=function(n,t){return h.partial(t,n)},h.negate=function(n){return function(){return!n.apply(this,arguments)}},h.compose=function(){var n=arguments,t=n.length-1;return function(){for(var r=t,e=n[t].apply(this,arguments);r--;)e=n[r].call(this,e);return e}},h.after=function(n,t){return function(){return--n<1?t.apply(this,arguments):void 0}},h.before=function(n,t){var r;return function(){return--n>0?r=t.apply(this,arguments):t=null,r}},h.once=h.partial(h.before,2),h.keys=function(n){if(!h.isObject(n))return[];if(s)return s(n);var t=[];for(var r in n)h.has(n,r)&&t.push(r);return t},h.values=function(n){for(var t=h.keys(n),r=t.length,e=Array(r),u=0;r>u;u++)e[u]=n[t[u]];return e},h.pairs=function(n){for(var t=h.keys(n),r=t.length,e=Array(r),u=0;r>u;u++)e[u]=[t[u],n[t[u]]];return e},h.invert=function(n){for(var t={},r=h.keys(n),e=0,u=r.length;u>e;e++)t[n[r[e]]]=r[e];return t},h.functions=h.methods=function(n){var t=[];for(var r in n)h.isFunction(n[r])&&t.push(r);return t.sort()},h.extend=function(n){if(!h.isObject(n))return n;for(var t,r,e=1,u=arguments.length;u>e;e++){t=arguments[e];for(r in t)c.call(t,r)&&(n[r]=t[r])}return n},h.pick=function(n,t,r){var e,u={};if(null==n)return u;if(h.isFunction(t)){t=g(t,r);for(e in n){var i=n[e];t(i,e,n)&&(u[e]=i)}}else{var l=o.apply([],a.call(arguments,1));n=new Object(n);for(var c=0,f=l.length;f>c;c++)e=l[c],e in n&&(u[e]=n[e])}return u},h.omit=function(n,t,r){if(h.isFunction(t))t=h.negate(t);else{var e=h.map(o.apply([],a.call(arguments,1)),String);t=function(n,t){return!h.contains(e,t)}}return h.pick(n,t,r)},h.defaults=function(n){if(!h.isObject(n))return n;for(var t=1,r=arguments.length;r>t;t++){var e=arguments[t];for(var u in e)n[u]===void 0&&(n[u]=e[u])}return n},h.clone=function(n){return h.isObject(n)?h.isArray(n)?n.slice():h.extend({},n):n},h.tap=function(n,t){return t(n),n};var b=function(n,t,r,e){if(n===t)return 0!==n||1/n===1/t;if(null==n||null==t)return n===t;n instanceof h&&(n=n._wrapped),t instanceof h&&(t=t._wrapped);var u=l.call(n);if(u!==l.call(t))return!1;switch(u){case"[object RegExp]":case"[object String]":return""+n==""+t;case"[object Number]":return+n!==+n?+t!==+t:0===+n?1/+n===1/t:+n===+t;case"[object Date]":case"[object Boolean]":return+n===+t}if("object"!=typeof n||"object"!=typeof t)return!1;for(var i=r.length;i--;)if(r[i]===n)return e[i]===t;var a=n.constructor,o=t.constructor;if(a!==o&&"constructor"in n&&"constructor"in t&&!(h.isFunction(a)&&a instanceof a&&h.isFunction(o)&&o instanceof o))return!1;r.push(n),e.push(t);var c,f;if("[object Array]"===u){if(c=n.length,f=c===t.length)for(;c--&&(f=b(n[c],t[c],r,e)););}else{var s,p=h.keys(n);if(c=p.length,f=h.keys(t).length===c)for(;c--&&(s=p[c],f=h.has(t,s)&&b(n[s],t[s],r,e)););}return r.pop(),e.pop(),f};h.isEqual=function(n,t){return b(n,t,[],[])},h.isEmpty=function(n){if(null==n)return!0;if(h.isArray(n)||h.isString(n)||h.isArguments(n))return 0===n.length;for(var t in n)if(h.has(n,t))return!1;return!0},h.isElement=function(n){return!(!n||1!==n.nodeType)},h.isArray=f||function(n){return"[object Array]"===l.call(n)},h.isObject=function(n){var t=typeof n;return"function"===t||"object"===t&&!!n},h.each(["Arguments","Function","String","Number","Date","RegExp"],function(n){h["is"+n]=function(t){return l.call(t)==="[object "+n+"]"}}),h.isArguments(arguments)||(h.isArguments=function(n){return h.has(n,"callee")}),"function"!=typeof/./&&(h.isFunction=function(n){return"function"==typeof n||!1}),h.isFinite=function(n){return isFinite(n)&&!isNaN(parseFloat(n))},h.isNaN=function(n){return h.isNumber(n)&&n!==+n},h.isBoolean=function(n){return n===!0||n===!1||"[object Boolean]"===l.call(n)},h.isNull=function(n){return null===n},h.isUndefined=function(n){return n===void 0},h.has=function(n,t){return null!=n&&c.call(n,t)},h.noConflict=function(){return n._=t,this},h.identity=function(n){return n},h.constant=function(n){return function(){return n}},h.noop=function(){},h.property=function(n){return function(t){return t[n]}},h.matches=function(n){var t=h.pairs(n),r=t.length;return function(n){if(null==n)return!r;n=new Object(n);for(var e=0;r>e;e++){var u=t[e],i=u[0];if(u[1]!==n[i]||!(i in n))return!1}return!0}},h.times=function(n,t,r){var e=Array(Math.max(0,n));t=g(t,r,1);for(var u=0;n>u;u++)e[u]=t(u);return e},h.random=function(n,t){return null==t&&(t=n,n=0),n+Math.floor(Math.random()*(t-n+1))},h.now=Date.now||function(){return(new Date).getTime()};var _={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","`":"&#x60;"},w=h.invert(_),j=function(n){var t=function(t){return n[t]},r="(?:"+h.keys(n).join("|")+")",e=RegExp(r),u=RegExp(r,"g");return function(n){return n=null==n?"":""+n,e.test(n)?n.replace(u,t):n}};h.escape=j(_),h.unescape=j(w),h.result=function(n,t){if(null==n)return void 0;var r=n[t];return h.isFunction(r)?n[t]():r};var x=0;h.uniqueId=function(n){var t=++x+"";return n?n+t:t},h.templateSettings={evaluate:/<%([\s\S]+?)%>/g,interpolate:/<%=([\s\S]+?)%>/g,escape:/<%-([\s\S]+?)%>/g};var A=/(.)^/,k={"'":"'","\\":"\\","\r":"r","\n":"n","\u2028":"u2028","\u2029":"u2029"},O=/\\|'|\r|\n|\u2028|\u2029/g,F=function(n){return"\\"+k[n]};h.template=function(n,t,r){!t&&r&&(t=r),t=h.defaults({},t,h.templateSettings);var e=RegExp([(t.escape||A).source,(t.interpolate||A).source,(t.evaluate||A).source].join("|")+"|$","g"),u=0,i="__p+='";n.replace(e,function(t,r,e,a,o){return i+=n.slice(u,o).replace(O,F),u=o+t.length,r?i+="'+\n((__t=("+r+"))==null?'':_.escape(__t))+\n'":e?i+="'+\n((__t=("+e+"))==null?'':__t)+\n'":a&&(i+="';\n"+a+"\n__p+='"),t}),i+="';\n",t.variable||(i="with(obj||{}){\n"+i+"}\n"),i="var __t,__p='',__j=Array.prototype.join,"+"print=function(){__p+=__j.call(arguments,'');};\n"+i+"return __p;\n";try{var a=new Function(t.variable||"obj","_",i)}catch(o){throw o.source=i,o}var l=function(n){return a.call(this,n,h)},c=t.variable||"obj";return l.source="function("+c+"){\n"+i+"}",l},h.chain=function(n){var t=h(n);return t._chain=!0,t};var E=function(n){return this._chain?h(n).chain():n};h.mixin=function(n){h.each(h.functions(n),function(t){var r=h[t]=n[t];h.prototype[t]=function(){var n=[this._wrapped];return i.apply(n,arguments),E.call(this,r.apply(h,n))}})},h.mixin(h),h.each(["pop","push","reverse","shift","sort","splice","unshift"],function(n){var t=r[n];h.prototype[n]=function(){var r=this._wrapped;return t.apply(r,arguments),"shift"!==n&&"splice"!==n||0!==r.length||delete r[0],E.call(this,r)}}),h.each(["concat","join","slice"],function(n){var t=r[n];h.prototype[n]=function(){return E.call(this,t.apply(this._wrapped,arguments))}}),h.prototype.value=function(){return this._wrapped},"function"==typeof define&&define.amd&&define("underscore",[],function(){return h})}).call(this);
diff --git a/package.json b/package.json
index 3a3118ae91..82b4034579 100644
--- a/package.json
+++ b/package.json
@@ -35,6 +35,8 @@
     "style-loader": "^3.3.1",
     "tailwindcss": "^3.3.2",
     "terser-webpack-plugin": "5",
+    "timeago": "^1.6.7",
+    "timeago.js": "^4.0.2",
     "turbolinks": "~5.2",
     "turbolinks-prefetch": "~1.0",
     "typescript": "4.7.2",