nodebb-theme-persona 15.0.10 → 15.1.0

package/templates/partials/account/menu.tpl

@@ -8,93 +8,93 @@
 		<!-- IF !banned -->
 		<!-- IF canChat -->
 		<li class="<!-- IF !hasPrivateChat -->hidden<!-- ENDIF !hasPrivateChat -->">
-			<a class="dropdown-item rounded-1" component="account/chat" href="#" role="menuitem">[[user:chat-with, {username}]]</a>
+			<a class="dropdown-item rounded-1" component="account/chat" href="#" role="menuitem">{{tx("user:chat-with", txEscape(username))}}</a>
 		</li>
 		<li>
-			<a class="dropdown-item rounded-1" component="account/new-chat" href="#" role="menuitem">[[user:new-chat-with, {username}]]</a>
+			<a class="dropdown-item rounded-1" component="account/new-chat" href="#" role="menuitem">{{tx("user:new-chat-with", txEscape(username))}}</a>
 		</li>
 		<!-- ENDIF canChat -->
 		<li>
-			<a {{{if flagId }}}hidden{{{end}}} class="dropdown-item rounded-1" component="account/flag" href="#" role="menuitem">[[user:flag-profile]]</a>
+			<a {{{if flagId }}}hidden{{{end}}} class="dropdown-item rounded-1" component="account/flag" href="#" role="menuitem">{{tx("user:flag-profile")}}</a>
 		</li>
 		<li>
-			<a {{{if !flagId }}}hidden{{{end}}} class="dropdown-item rounded-1" component="account/already-flagged" href="#" role="menuitem" data-flag-id="{flagId}">[[user:profile-flagged]]</a>
+			<a {{{if !flagId }}}hidden{{{end}}} class="dropdown-item rounded-1" component="account/already-flagged" href="#" role="menuitem" data-flag-id="{flagId}">{{tx("user:profile-flagged")}}</a>
 		</li>
 		<li>
-			<a class="dropdown-item rounded-1 {{{ if ./isBlocked }}}hidden{{{ end }}}" component="account/block" href="#" role="menuitem">[[user:block-user]]</a>
+			<a class="dropdown-item rounded-1 {{{ if ./isBlocked }}}hidden{{{ end }}}" component="account/block" href="#" role="menuitem">{{tx("user:block-user")}}</a>
 		</li>
 		<li>
-			<a class="dropdown-item rounded-1 {{{ if !./isBlocked }}}hidden{{{ end }}}" component="account/unblock" href="#" role="menuitem">[[user:unblock-user]]</a>
+			<a class="dropdown-item rounded-1 {{{ if !./isBlocked }}}hidden{{{ end }}}" component="account/unblock" href="#" role="menuitem">{{tx("user:unblock-user")}}</a>
 		</li>
 		<li role="separator" class="dropdown-divider"></li>
 		<!-- ENDIF !banned -->
 		<!-- ENDIF !isSelf -->
 		<!-- ENDIF loggedIn -->
 		<li>
-			<a class="dropdown-item rounded-1" href="{config.relative_path}/user/{userslug}" class="d-inline-block" id="profile" role="menuitem">[[user:profile]]</a>
+			<a class="dropdown-item rounded-1" href="{config.relative_path}/user/{userslug}" class="d-inline-block" id="profile" role="menuitem">{{tx("user:profile")}}</a>
 		</li>
 		<!-- IF canEdit -->
-		<li><a class="dropdown-item rounded-1" href="{config.relative_path}/user/{userslug}/edit" role="menuitem">[[user:edit]]</a></li>
-		<li><a class="dropdown-item rounded-1" href="{config.relative_path}/user/{userslug}/settings" role="menuitem">[[user:settings]]</a></li>
+		<li><a class="dropdown-item rounded-1" href="{config.relative_path}/user/{userslug}/edit" role="menuitem">{{tx("user:edit")}}</a></li>
+		<li><a class="dropdown-item rounded-1" href="{config.relative_path}/user/{userslug}/settings" role="menuitem">{{tx("user:settings")}}</a></li>
 		<!-- ENDIF canEdit -->
 
 		<!-- IF !isSelf -->
 		{{{ if (canBan || canMute) }}}
 		<li role="separator" class="dropdown-divider"></li>
-		<li class="dropdown-header">[[user:admin-actions-label]]</li>
+		<li class="dropdown-header">{{tx("user:admin-actions-label")}}</li>
 		{{{ end }}}
 		{{{ if canBan }}}
 		<li class="<!-- IF banned -->hide<!-- ENDIF banned -->">
-			<a class="dropdown-item rounded-1" component="account/ban" href="#" role="menuitem">[[user:ban-account]]</a>
+			<a class="dropdown-item rounded-1" component="account/ban" href="#" role="menuitem">{{tx("user:ban-account")}}</a>
 		</li>
 		<li class="<!-- IF !banned -->hide<!-- ENDIF !banned -->">
-			<a class="dropdown-item rounded-1" component="account/unban" href="#" role="menuitem">[[user:unban-account]]</a>
+			<a class="dropdown-item rounded-1" component="account/unban" href="#" role="menuitem">{{tx("user:unban-account")}}</a>
 		</li>
 		{{{ end }}}
 		{{{ if canMute }}}
 		<li class="<!-- IF muted -->hide<!-- ENDIF muted -->">
-			<a class="dropdown-item rounded-1" component="account/mute" href="#" role="menuitem">[[user:mute-account]]</a>
+			<a class="dropdown-item rounded-1" component="account/mute" href="#" role="menuitem">{{tx("user:mute-account")}}</a>
 		</li>
 		<li class="<!-- IF !muted -->hide<!-- ENDIF !muted -->">
-			<a class="dropdown-item rounded-1" component="account/unmute" href="#" role="menuitem">[[user:unmute-account]]</a>
+			<a class="dropdown-item rounded-1" component="account/unmute" href="#" role="menuitem">{{tx("user:unmute-account")}}</a>
 		</li>
 		{{{ end }}}
 		<!-- IF isAdmin -->
 		<li>
-			<a component="account/delete-account" href="#" class="dropdown-item rounded-1" role="menuitem">[[user:delete-account-as-admin]]</a>
-			<a component="account/delete-content" href="#" class="dropdown-item rounded-1" role="menuitem">[[user:delete-content]]</a>
-			<a component="account/delete-all" href="#" class="dropdown-item rounded-1" role="menuitem">[[user:delete-all]]</a>
+			<a component="account/delete-account" href="#" class="dropdown-item rounded-1" role="menuitem">{{tx("user:delete-account-as-admin")}}</a>
+			<a component="account/delete-content" href="#" class="dropdown-item rounded-1" role="menuitem">{{tx("user:delete-content")}}</a>
+			<a component="account/delete-all" href="#" class="dropdown-item rounded-1" role="menuitem">{{tx("user:delete-all")}}</a>
 		</li>
 		<!-- ENDIF isAdmin -->
 		<!-- ENDIF !isSelf -->
 
 		<li role="separator" class="dropdown-divider"></li>
-		<li><a class="dropdown-item rounded-1 d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/following" role="menuitem">[[user:following]] <span class="badge bg-secondary rounded-pill ms-2" title="{counts.following}">{formattedNumber(counts.following)}</span></a></li>
-		<li><a class="dropdown-item rounded-1 d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/followers" role="menuitem">[[user:followers]] <span class="badge bg-secondary rounded-pill ms-2" title="{counts.followers}">{formattedNumber(counts.followers)}</span></a></li>
+		<li><a class="dropdown-item rounded-1 d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/following" role="menuitem">{{tx("user:following")}} <span class="badge bg-secondary rounded-pill ms-2" title="{counts.following}">{formattedNumber(counts.following)}</span></a></li>
+		<li><a class="dropdown-item rounded-1 d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/followers" role="menuitem">{{tx("user:followers")}} <span class="badge bg-secondary rounded-pill ms-2" title="{counts.followers}">{formattedNumber(counts.followers)}</span></a></li>
 		<!-- IF canEdit -->
-		<li><a class="dropdown-item rounded-1 d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/blocks" role="menuitem">[[user:blocks]] <span class="badge bg-secondary rounded-pill ms-2" title="{counts.blocks}">{formattedNumber(counts.blocks)}</span></a></li>
+		<li><a class="dropdown-item rounded-1 d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/blocks" role="menuitem">{{tx("user:blocks")}} <span class="badge bg-secondary rounded-pill ms-2" title="{counts.blocks}">{formattedNumber(counts.blocks)}</span></a></li>
 		<!-- ENDIF canEdit -->
 		<li role="separator" class="dropdown-divider"></li>
-		<li><a class="dropdown-item rounded-1 d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/topics" role="menuitem">[[global:topics]] <span class="badge bg-secondary rounded-pill ms-2" title="{counts.topics}">{formattedNumber(counts.topics)}</span></a></li>
-		<li><a class="dropdown-item rounded-1 d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/posts" role="menuitem">[[global:posts]] <span class="badge bg-secondary rounded-pill ms-2" title="{counts.posts}">{formattedNumber(counts.posts)}</span></a></li>
+		<li><a class="dropdown-item rounded-1 d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/topics" role="menuitem">{{tx("global:topics")}} <span class="badge bg-secondary rounded-pill ms-2" title="{counts.topics}">{formattedNumber(counts.topics)}</span></a></li>
+		<li><a class="dropdown-item rounded-1 d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/posts" role="menuitem">{{tx("global:posts")}} <span class="badge bg-secondary rounded-pill ms-2" title="{counts.posts}">{formattedNumber(counts.posts)}</span></a></li>
 
-		<li><a class="dropdown-item rounded-1 d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/groups" role="menuitem">[[global:header.groups]] <span class="badge bg-secondary rounded-pill ms-2" title="{counts.groups}">{formattedNumber(counts.groups)}</span></a></li>
+		<li><a class="dropdown-item rounded-1 d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/groups" role="menuitem">{{tx("global:header.groups")}} <span class="badge bg-secondary rounded-pill ms-2" title="{counts.groups}">{formattedNumber(counts.groups)}</span></a></li>
 
 		<!-- IF canEdit -->
-		<li><a class="dropdown-item rounded-1 d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/categories" role="menuitem">[[user:watched-categories]] <span class="badge bg-secondary rounded-pill ms-2" title="{counts.categoriesWatched}">{formattedNumber(counts.categoriesWatched)}</span></a></li>
+		<li><a class="dropdown-item rounded-1 d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/categories" role="menuitem">{{tx("user:watched-categories")}} <span class="badge bg-secondary rounded-pill ms-2" title="{counts.categoriesWatched}">{formattedNumber(counts.categoriesWatched)}</span></a></li>
 		{{{ if isSelf }}}
 		<li><a class="dropdown-item rounded-1 d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/tags" role="menuitem">
-		[[user:watched-tags]] <span class="badge bg-secondary rounded-pill ms-2" title="{counts.tagsWatched}">{formattedNumber(counts.tagsWatched)}</span></a></li>
+		{{tx("user:watched-tags")}} <span class="badge bg-secondary rounded-pill ms-2" title="{counts.tagsWatched}">{formattedNumber(counts.tagsWatched)}</span></a></li>
 		{{{ end }}}
 
-		<li><a class="dropdown-item rounded-1 d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/uploads" role="menuitem">[[global:uploads]] <span class="badge bg-secondary rounded-pill ms-2" title="{counts.uploaded}">{formattedNumber(counts.uploaded)}</span></a></li>
+		<li><a class="dropdown-item rounded-1 d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/uploads" role="menuitem">{{tx("global:uploads")}} <span class="badge bg-secondary rounded-pill ms-2" title="{counts.uploaded}">{formattedNumber(counts.uploaded)}</span></a></li>
 		<!-- ENDIF canEdit -->
 
 		{{{ each profile_links }}}
 		<!-- IF @first -->
 		<li role="separator" class="dropdown-divider"></li>
 		<!-- ENDIF @first -->
-		<li id="{./id}" class="plugin-link {{{ if ./public }}}public{{{ else }}}private{{{ end }}}"><a class="dropdown-item rounded-1" href="{config.relative_path}/user/{userslug}/{profile_links.route}">{{{ if icon }}}<i class="fa fa-fw {./icon}"></i> {{{ end }}}{tx(./name)}</a></li>
+		<li id="{./id}" class="plugin-link {{{ if ./public }}}public{{{ else }}}private{{{ end }}}"><a class="dropdown-item rounded-1" href="{config.relative_path}/user/{userslug}/{profile_links.route}">{{{ if icon }}}<i class="fa fa-fw {./icon}"></i> {{{ end }}}{{tx(./name)}}</a></li>
 		{{{ end }}}
 	</ul>
 </div>

package/templates/partials/account/session-list.tpl

@@ -3,16 +3,16 @@
 	<div class="float-end">
 		{{{ if isSelfOrAdminOrGlobalModerator }}}
 		{{{ if !./current }}}
-		<button class="btn btn-sm btn-outline-secondary" type="button" data-action="revokeSession">[[user:revoke-session]]</button>
+		<button class="btn btn-sm btn-outline-secondary" type="button" data-action="revokeSession">{{tx("user:revoke-session")}}</button>
 		{{{ end }}}
 		{{{ end }}}
 		{{userAgentIcons(@value)}}
 		<i class="fa fa-circle text-{{{ if ./current }}}success{{{ else }}}muted{{{ end }}}"></i>
 	</div>
-	[[user:browser-version-on-platform, {./browser}, {./version}, {./platform}]]<br />
+	{{tx("user:browser-version-on-platform", ./browser, ./version, ./platform)}}<br />
 	<small class="timeago text-muted" title="{../datetimeISO}"></small>
 	<ul>
-		<li><strong>[[global:ip-address]]</strong>: {../ip}</li>
+		<li><strong>{{tx("global:ip-address")}}</strong>: {../ip}</li>
 	</ul>
 </li>
 {{{ end }}}

package/templates/partials/buttons/newTopic.tpl

@@ -1,6 +1,6 @@
 <noscript><div class="dropdown" component="category-selector"></noscript>
 <button component="category/post" for="category-dropdown-check" class="btn btn-primary btn-sm text-nowrap" id="new_topic" role="button">
-	[[category:new-topic-button]]
+	{{tx("category:new-topic-button")}}
 </button>
 <noscript>
 	<input type="checkbox" class="hidden" id="category-dropdown-check" aria-hidden="true">

package/templates/partials/categories/item.tpl

@@ -25,7 +25,7 @@
 			<ul class="list-unstyled category-children row row-cols-1 row-cols-md-2 g-2 my-1 w-100">
 				{{{ each ./children }}}
 				{{{ if !./isSection }}}
-				<li class="category-children-item small d-flex gap-1 align-items-center">
+				<li class="category-children-item small d-flex gap-1 align-items-center text-break">
 					{{buildCategoryIcon(@value, "24px", "rounded-circle")}}
 					<a href="{{{ if ./link }}}{./link}{{{ else }}}{config.relative_path}/category/{./slug}{{{ end }}}" class="text-reset">{./name}</a>
 				</li>
@@ -41,11 +41,11 @@
 		<div class="meta stats d-none d-lg-grid col-6 gap-1 pe-2 text-muted" style="grid-template-columns: 1fr 1fr;">
 			<div class="overflow-hidden rounded-1 d-flex flex-column align-items-center">
 				<span class="fs-4" title="{./totalTopicCount}">{humanReadableNumber(./totalTopicCount, 0)}</span>
-				<span class="text-uppercase text-xs">[[global:topics]]</span>
+				<span class="text-uppercase text-xs">{{tx("global:topics")}}</span>
 			</div>
 			<div class="overflow-hidden rounded-1 d-flex flex-column align-items-center">
 				<span class="fs-4" title="{./totalPostCount}">{humanReadableNumber(./totalPostCount, 0)}</span>
-				<span class="text-uppercase text-xs">[[global:posts]]</span>
+				<span class="text-uppercase text-xs">{{tx("global:posts")}}</span>
 			</div>
 		</div>
 		{{{ if !config.hideCategoryLastPost }}}

package/templates/partials/categories/lastpost.tpl

@@ -4,11 +4,11 @@
 	<div component="category/posts" class="ps-2 text-xs d-flex flex-column h-100 gap-1">
 		<div class="text-nowrap text-truncate">
 			<a class="text-decoration-none avatar-tooltip" title="{./user.displayname}" href="{config.relative_path}/user/{./user.userslug}">{{buildAvatar(posts.user, "18px", true)}}</a>
-			<a class="permalink text-muted timeago text-xs" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}" title="{./timestampISO}" aria-label="[[global:lastpost]]"></a>
+			<a class="permalink text-muted timeago text-xs" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}" title="{./timestampISO}" aria-label="{{tx("global:lastpost")}}"></a>
 		</div>
 		<div class="post-content text-xs text-break line-clamp-sm-2 lh-sm position-relative flex-fill">
-			<a class="stretched-link" tabindex="-1" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}" aria-label="[[global:lastpost]]"></a>
-			{{txEscape(./content)}}
+			<a class="stretched-link" tabindex="-1" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}" aria-label="{{tx("global:lastpost")}}"></a>
+			{{./content}}
 		</div>
 	</div>
 	{{{ end }}}
@@ -17,7 +17,7 @@
 	{{{ if !./posts.length }}}
 	<div component="category/posts" class="ps-2">
 		<div class="post-content overflow-hidden text-xs">
-			[[category:no-new-posts]]
+			{{tx("category:no-new-posts")}}
 		</div>
 	</div>
 	{{{ end }}}

package/templates/partials/category/subcategory.tpl

@@ -3,7 +3,7 @@
 	{{{ if hasMoreSubCategories }}}
 	<div class="mb-2"><!-- IMPORT partials/category/selector-dropdown-left.tpl --></div>
 	{{{ else }}}
-	<p>[[category:subcategories]]</p>
+	<p>{{tx("category:subcategories")}}</p>
 	{{{ end }}}
 
 	<ul component="category/subcategory/container" class="categories list-unstyled" itemscope itemtype="http://www.schema.org/ItemList">
@@ -12,7 +12,7 @@
 		{{{end}}}
 	</ul>
 	{{{ if (hasMoreSubCategories && children.length) }}}
-	<button class="btn btn-ghost btn-sm mb-2" component="category/load-more-subcategories">[[category:x-more-categories, {subCategoriesLeft}]]</button>
+	<button class="btn btn-ghost btn-sm mb-2" component="category/load-more-subcategories">{{tx("category:x-more-categories", subCategoriesLeft)}}</button>
 	{{{ end }}}
 </div>
 {{{ end }}}

package/templates/partials/chats-menu.tpl

@@ -24,7 +24,7 @@
 	<div class="tab-pane fade" id="notifications">
 		<section class="menu-section text-bg-dark px-1" data-section="notifications">
 			<ul class="menu-section-list notification-list-mobile list-unstyled" component="notifications/list"></ul>
-			<div class="menu-section-list text-center p-3"><a href="{relative_path}/notifications">[[notifications:see-all]]</a></div>
+			<div class="menu-section-list text-center p-3"><a href="{relative_path}/notifications">{{tx("notifications:see-all")}}</a></div>
 		</section>
 	</div>
 	{{{ if !config.disableChat }}}
@@ -33,7 +33,7 @@
 			<ul class="menu-section-list chat-list list-unstyled" component="chat/list">
 
 			</ul>
-			<div class="menu-section-list text-center p-3"><a class="navigation-link" href="{relative_path}/user/{user.userslug}/chats">[[modules:chat.see-all]]</a></div>
+			<div class="menu-section-list text-center p-3"><a class="navigation-link" href="{relative_path}/user/{user.userslug}/chats">{{tx("modules:chat.see-all")}}</a></div>
 		</section>
 	</div>
 	{{{ end }}}

package/templates/partials/cookie-consent.tpl

@@ -1,4 +1,4 @@
 <div class="cookie-consent">
-    <button class="float-end btn btn-primary">{tx(dismiss)}</button>
-    {tx(message)} <a target="_blank" rel="noopener" href="{link_url}">{tx(link)}</a>
+    <button class="float-end btn btn-primary">{{tx(dismiss)}}</button>
+    {{tx(message)}} <a target="_blank" rel="noopener" href="{link_url}">{{tx(link)}}</a>
 </div>

package/templates/partials/header/chats.tpl

@@ -1,5 +1,5 @@
 <a class="nav-link" data-bs-toggle="dropdown" href="{relative_path}/user/{user.userslug}/chats" data-ajaxify="false" id="chat_dropdown" component="chat/dropdown" role="button" aria-haspopup="true" aria-expanded="false">
-	<i component="chat/icon" class="fa {{{ if unreadCount.chat}}}fa-comment{{{ else }}}fa-comment-o{{{ end }}} fa-fw unread-count" data-content="{unreadCount.chat}"></i> <span class="d-inline d-sm-none">[[global:header.chats]]</span>
+	<i component="chat/icon" class="fa {{{ if unreadCount.chat}}}fa-comment{{{ else }}}fa-comment-o{{{ end }}} fa-fw unread-count" data-content="{unreadCount.chat}"></i> <span class="d-inline d-sm-none">{{tx("global:header.chats")}}</span>
 </a>
 <ul class="dropdown-menu dropdown-menu-end p-1" aria-labelledby="chat_dropdown" role="menu">
 	<li>
@@ -28,8 +28,8 @@
 	<li class="dropdown-divider"></li>
 	<li>
 		<div class="d-flex justify-content-center gap-1 flex-wrap">
-			<a class="btn btn-light btn-sm mark-all-read flex-fill text-nowrap" href="#" component="chats/mark-all-read"><i class="fa fa-check-double"></i> [[modules:chat.mark-all-read]]</a>
-			<a class="btn btn-primary btn-sm flex-fill text-nowrap" href="{relative_path}/user/{user.userslug}/chats"><i class="fa fa-comments"></i> [[modules:chat.see-all]]</a>
+			<a class="btn btn-light btn-sm mark-all-read flex-fill text-nowrap" href="#" component="chats/mark-all-read"><i class="fa fa-check-double"></i> {{tx("modules:chat.mark-all-read")}}</a>
+			<a class="btn btn-primary btn-sm flex-fill text-nowrap" href="{relative_path}/user/{user.userslug}/chats"><i class="fa fa-comments"></i> {{tx("modules:chat.see-all")}}</a>
 		</div>
 	</li>
 </ul>

package/templates/partials/header/notifications.tpl

@@ -1,11 +1,11 @@
-<a data-bs-toggle="dropdown" data-bs-auto-close="outside" href="#" role="button" class="nav-link position-relative" aria-haspopup="true" aria-expanded="false" aria-label="[[global:header.notifications]]">
+<a data-bs-toggle="dropdown" data-bs-auto-close="outside" href="#" role="button" class="nav-link position-relative" aria-haspopup="true" aria-expanded="false" aria-label="{{tx("global:header.notifications")}}">
 	<i component="notifications/icon" class="fa fa-fw {{{ if unreadCount.notification}}}fa-bell{{{ else }}}fa-bell-o{{{ end }}} unread-count" data-content="{unreadCount.notification}"></i>
 </a>
 
 <ul class="notifications-dropdown dropdown-menu dropdown-menu-end p-1 shadow" role="menu">
 	<li>
-		<button type="button" class="btn btn-ghost btn-sm fw-bold" data-filter="all">All</button>
-		<button type="button" class="btn btn-ghost btn-sm" data-filter="unread">Unread</button>
+		<button type="button" class="btn btn-ghost btn-sm fw-bold" data-filter="all">{{tx("notifications:all")}}</button>
+		<button type="button" class="btn btn-ghost btn-sm" data-filter="unread">{{tx("unread:title")}}</button>
 	</li>
 	<li class="dropdown-divider"></li>
 	<li>
@@ -41,8 +41,8 @@
 	<li class="dropdown-divider"></li>
 	<li>
 		<div class="d-flex justify-content-center gap-1 flex-wrap">
-			<a role="button" href="#" class="btn btn-sm btn-light mark-all-read flex-fill text-nowrap text-truncate ff-secondary"><i class="fa fa-check-double"></i> [[notifications:mark-all-read]]</a>
-			<a class="btn btn-sm btn-primary flex-fill text-nowrap text-truncate ff-secondary" href="{relative_path}/notifications"><i class="fa fa-list"></i> [[notifications:see-all]]</a>
+			<a role="button" href="#" class="btn btn-sm btn-light mark-all-read flex-fill text-nowrap text-truncate ff-secondary"><i class="fa fa-check-double"></i> {{tx("notifications:mark-all-read")}}</a>
+			<a class="btn btn-sm btn-primary flex-fill text-nowrap text-truncate ff-secondary" href="{relative_path}/notifications"><i class="fa fa-list"></i> {{tx("notifications:see-all")}}</a>
 		</div>
 	</li>
 </ul>

package/templates/partials/header/search.tpl

@@ -1,9 +1,9 @@
 <form component="search/form" id="search-form" class="d-flex justify-content-end align-items-center" role="search" method="GET">
 	<div component="search/fields" class="hidden" id="search-fields">
 		<div class="input-group flex-nowrap">
-			<input autocomplete="off" type="text" class="form-control" placeholder="[[global:search]]" name="query" value="">
+			<input autocomplete="off" type="text" class="form-control" placeholder="{{tx("global:search")}}" name="query" value="">
 
-			<a href="{config.relative_path}/search" class="btn btn-outline-secondary" aria-label="[[search:type-to-search]]">
+			<a href="{config.relative_path}/search" class="btn btn-outline-secondary" aria-label="{{tx("search:type-to-search")}}">
 				<i class="fa fa-gears fa-fw"></i>
 			</a>
 		</div>
@@ -17,8 +17,8 @@
 			<div class="text-center loading-indicator"><i class="fa fa-spinner fa-spin"></i></div>
 			<div class="quick-search-results-container"></div>
 		</div>
-		<button type="submit" class="btn btn-outline-secondary hide">[[global:search]]</button>
+		<button type="submit" class="btn btn-outline-secondary hide">{{tx("global:search")}}</button>
 	</div>
 
-	<div class="nav-item" title="[[global:search]]"><a component="search/button" id="search-button" href="#" class="nav-link" aria-label="[[global:search]]"><i class="fa fa-search fa-fw"></i></a></div>
+	<div class="nav-item" title="{{tx("global:search")}}"><a component="search/button" id="search-button" href="#" class="nav-link" aria-label="{{tx("global:search")}}"><i class="fa fa-search fa-fw"></i></a></div>
 </form>

package/templates/partials/header/user-menu.tpl

@@ -1,4 +1,4 @@
-<li id="user_label" class="nav-item dropdown px-3" title="[[global:header.profile]]">
+<li id="user_label" class="nav-item dropdown px-3" title="{{tx("global:header.profile")}}">
 	<a href="#" for="user-control-list-check" data-bs-toggle="dropdown" id="user_dropdown" role="button" component="header/avatar" aria-haspopup="true" aria-expanded="false">
 		{{buildAvatar(user, "32px", true)}}
 		<span id="user-header-name" class="d-block d-sm-none">{user.username}</span>
@@ -6,83 +6,83 @@
 	<input type="checkbox" class="hidden" id="user-control-list-check" aria-hidden="true">
 	<ul id="user-control-list" component="header/usercontrol" class="overscroll-behavior-contain user-dropdown dropdown-menu dropdown-menu-end shadow p-1 text-sm ff-base" role="menu">
 		<li>
-			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="header/profilelink" href="{relative_path}/user/{user.userslug}" role="menuitem" aria-label="[[user:profile]]">
-				<span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status {user.status}"><span class="visually-hidden">[[global:{user.status}]]</span></span>
+			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="header/profilelink" href="{relative_path}/user/{user.userslug}" role="menuitem" aria-label="{{tx("user:profile")}}">
+				<span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status {user.status}"><span class="visually-hidden">{{tx(concat("global:", user.status))}}</span></span>
 				<span class="fw-semibold" component="header/username">{user.username}</span>
 			</a>
 		</li>
 		<li role="presentation" class="dropdown-divider"></li>
-		<li><h6 class="dropdown-header text-xs">[[global:status]]</h6></li>
+		<li><h6 class="dropdown-header text-xs">{{tx("global:status")}}</h6></li>
 		<li>
 			<a href="#" class="dropdown-item rounded-1 user-status d-flex align-items-center gap-2 {{{ if user.online }}}selected{{{ end }}}" data-status="online" role="menuitem">
 				<span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status online"></span>
-				<span class="flex-grow-1">[[global:online]]</span>
+				<span class="flex-grow-1">{{tx("global:online")}}</span>
 			</a>
 		</li>
 		<li>
 			<a href="#" class="dropdown-item rounded-1 user-status d-flex align-items-center gap-2 {{{ if user.away }}}selected{{{ end }}}" data-status="away" role="menuitem">
 				<span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status away"></span>
-				<span class="flex-grow-1">[[global:away]]</span>
+				<span class="flex-grow-1">{{tx("global:away")}}</span>
 			</a>
 		</li>
 		<li>
 			<a href="#" class="dropdown-item rounded-1 user-status d-flex align-items-center gap-2 {{{ if user.dnd }}}selected{{{ end }}}" data-status="dnd" role="menuitem">
 				<span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status dnd"></span>
-				<span class="flex-grow-1">[[global:dnd]]</span>
+				<span class="flex-grow-1">{{tx("global:dnd")}}</span>
 			</a>
 		</li>
 		<li>
 			<a href="#" class="dropdown-item rounded-1 user-status d-flex align-items-center gap-2 {{{ if user.offline }}}selected{{{ end }}}" data-status="offline" role="menuitem">
 				<span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status offline"></span>
-				<span class="flex-grow-1">[[global:invisible]]</span>
+				<span class="flex-grow-1">{{tx("global:invisible")}}</span>
 			</a>
 		</li>
 		<li role="presentation" class="dropdown-divider"></li>
 		<li>
 			<a class="dropdown-item" href="{relative_path}/user/{user.userslug}/bookmarks" role="menuitem">
-				<i class="fa fa-fw fa-bookmark"></i> <span>[[user:bookmarks]]</span>
+				<i class="fa fa-fw fa-bookmark"></i> <span>{{tx("user:bookmarks")}}</span>
 			</a>
 		</li>
 		<li>
 			<a class="dropdown-item" component="header/profilelink/edit" href="{relative_path}/user/{user.userslug}/edit" role="menuitem">
-				<i class="fa fa-fw fa-edit"></i> <span>[[user:edit-profile]]</span>
+				<i class="fa fa-fw fa-edit"></i> <span>{{tx("user:edit-profile")}}</span>
 			</a>
 		</li>
 		<li>
 			<a class="dropdown-item" component="header/profilelink/settings" href="{relative_path}/user/{user.userslug}/settings" role="menuitem">
-				<i class="fa fa-fw fa-gear"></i> <span>[[user:settings]]</span>
+				<i class="fa fa-fw fa-gear"></i> <span>{{tx("user:settings")}}</span>
 			</a>
 		</li>
 		{{{ if showModMenu }}}
 		<li role="presentation" class="dropdown-divider"></li>
-		<li><h6 class="dropdown-header">[[pages:moderator-tools]]</h6></li>
+		<li><h6 class="dropdown-header">{{tx("pages:moderator-tools")}}</h6></li>
 		<li>
 			<a class="dropdown-item" href="{relative_path}/flags" role="menuitem">
-				<i class="fa fa-fw fa-flag"></i> <span>[[pages:flagged-content]]</span>
+				<i class="fa fa-fw fa-flag"></i> <span>{{tx("pages:flagged-content")}}</span>
 			</a>
 		</li>
 		<li>
 			<a class="dropdown-item" href="{relative_path}/post-queue" role="menuitem">
-				<i class="fa fa-fw fa-list-alt"></i> <span>[[pages:post-queue]]</span>
+				<i class="fa fa-fw fa-list-alt"></i> <span>{{tx("pages:post-queue")}}</span>
 			</a>
 		</li>
 		{{{ if registrationQueueEnabled }}}
 		<li>
 			<a class="dropdown-item" href="{relative_path}/registration-queue" role="menuitem">
-				<i class="fa fa-fw fa-list-alt"></i> <span>[[pages:registration-queue]]</span>
+				<i class="fa fa-fw fa-list-alt"></i> <span>{{tx("pages:registration-queue")}}</span>
 			</a>
 		</li>
 		{{{ end }}}
 		<li>
 			<a class="dropdown-item" href="{relative_path}/ip-blacklist" role="menuitem">
-				<i class="fa fa-fw fa-ban"></i> <span>[[pages:ip-blacklist]]</span>
+				<i class="fa fa-fw fa-ban"></i> <span>{{tx("pages:ip-blacklist")}}</span>
 			</a>
 		</li>
 		{{{ else }}}
 		{{{ if postQueueEnabled }}}
 		<li>
 			<a class="dropdown-item" href="{relative_path}/post-queue" role="menuitem">
-				<i class="fa fa-fw fa-list-alt"></i> <span>[[pages:post-queue]]</span>
+				<i class="fa fa-fw fa-list-alt"></i> <span>{{tx("pages:post-queue")}}</span>
 			</a>
 		</li>
 		{{{ end }}}
@@ -94,7 +94,7 @@
 				<input type="hidden" name="_csrf" value="{config.csrf_token}">
 				<input type="hidden" name="noscript" value="true">
 				<button type="submit" class="dropdown-item" role="menuitem">
-					<i class="fa fa-fw fa-sign-out"></i><span> [[global:logout]]</span>
+					<i class="fa fa-fw fa-sign-out"></i><span> {{tx("global:logout")}}</span>
 				</button>
 			</form>
 		</li>

package/templates/partials/menu.tpl

@@ -20,8 +20,8 @@
 			{{{ if (config.searchEnabled && user.privileges.search:content) }}}
 			<div class="navbar-search visible-xs">
 				<form action="{config.relative_path}/search" method="GET">
-					<button type="button" class="btn btn-link"><i class="fa fa-lg fa-fw fa-search" title="[[global:header.search]]"></i></button>
-					<input autocomplete="off" type="text" class="form-control hidden" name="term" placeholder="[[global:search]]"/>
+					<button type="button" class="btn btn-link"><i class="fa fa-lg fa-fw fa-search" title="{{tx("global:header.search")}}"></i></button>
+					<input autocomplete="off" type="text" class="form-control hidden" name="term" placeholder="{{tx("global:search")}}"/>
 					<button class="btn btn-primary hidden" type="submit"></button>
 					<input type="text" class="hidden" name="in" value="{config.searchDefaultInQuick}" />
 				</form>
@@ -54,7 +54,7 @@
 							<i class="fa fa-fw {navigation.iconClass}" data-content="{./content}"></i>
 							{{{ end }}}
 							{{{ if ./text }}}
-							<span class="{./textClass}">{tx(./text)}</span>
+							<span class="{./textClass}">{{tx(./text)}}</span>
 							{{{ end }}}
 							{{{ if navigation.dropdown}}}
 							<i class="fa fa-caret-down"></i>
@@ -71,7 +71,7 @@
 				</ul>
 				<ul class="navbar-nav mb-2 mb-lg-0 hidden-xs">
 					<li class="nav-item">
-						<a href="#" id="reconnect" class="nav-link hide" title="[[global:reconnecting-message, {config.siteTitle}]]">
+						<a href="#" id="reconnect" class="nav-link hide" title="{{tx("global:reconnecting-message", config.siteTitle)}}">
 							<i class="fa fa-check"></i>
 						</a>
 					</li>
@@ -85,12 +85,12 @@
 				{{{ if !maintenanceHeader }}}
 				{{{ if config.loggedIn }}}
 				<ul id="logged-in-menu" class="navbar-nav me-0 mb-2 mb-lg-0 align-items-center">
-					<li class="nav-item notifications dropdown d-none d-sm-block" component="notifications" title="[[global:header.notifications]]">
+					<li class="nav-item notifications dropdown d-none d-sm-block" component="notifications" title="{{tx("global:header.notifications")}}">
 						<!-- IMPORT partials/header/notifications.tpl -->
 					</li>
 
 					{{{ if canChat }}}
-					<li class="nav-item chats dropdown" title="[[global:header.chats]]">
+					<li class="nav-item chats dropdown" title="{{tx("global:header.chats")}}">
 						<!-- IMPORT partials/header/chats.tpl -->
 					</li>
 					{{{ end }}}
@@ -103,14 +103,14 @@
 					<li class="nav-item">
 						<a class="nav-link" href="{relative_path}/register">
 							<i class="fa fa-pencil fa-fw d-inline-block d-sm-none"></i>
-							<span>[[global:register]]</span>
+							<span>{{tx("global:register")}}</span>
 						</a>
 					</li>
 					{{{ end }}}
 					<li class="nav-item">
 						<a class="nav-link" href="{relative_path}/login">
 							<i class="fa fa-sign-in fa-fw d-inline-block d-sm-none"></i>
-							<span>[[global:login]]</span>
+							<span>{{tx("global:login")}}</span>
 						</a>
 					</li>
 				</ul>
@@ -120,7 +120,7 @@
 					<li class="nav-item">
 						<a href="{relative_path}/login">
 							<i class="fa fa-sign-in fa-fw d-block d-sm-none"></i>
-							<span>[[global:login]]</span>
+							<span>{{tx("global:login")}}</span>
 						</a>
 					</li>
 				</ul>

package/templates/partials/notifications_list.tpl

@@ -1,7 +1,7 @@
 {{{ if !notifications.length }}}
 <div class="no-notifs text-center p-4 d-flex flex-column">
 	<div class="p-4"><i class="fa-solid fa-wind fs-2 text-muted"></i></div>
-	<div class="text-xs fw-semibold text-muted">[[notifications:no-notifs]]</div>
+	<div class="text-xs fw-semibold text-muted">{{tx("notifications:no-notifs")}}</div>
 </div>
 {{{ end }}}
 
@@ -38,8 +38,8 @@
 		<div>
 			{{{ if ./nid }}}
 			<button class="mark-read btn btn-ghost btn-sm d-flex align-items-center justify-content-center flex-grow-0 flex-shrink-0 p-1" style="width: 1.5rem; height: 1.5rem;">
-				<i class="lh-1 unread fa fa-2xs fa-circle text-primary {{{ if ./read }}}hidden{{{ end }}}" aria-label="[[unread:mark-as-read]]"></i>
-				<i class="lh-1 read fa fa-2xs fa-circle-o text-secondary {{{ if !./read }}}hidden{{{ end }}}" aria-label="[[unread:mark-as-unread]]"></i>
+				<i class="lh-1 unread fa fa-2xs fa-circle text-primary {{{ if ./read }}}hidden{{{ end }}}" aria-label="{{tx("unread:mark-as-read")}}"></i>
+				<i class="lh-1 read fa fa-2xs fa-circle-o text-secondary {{{ if !./read }}}hidden{{{ end }}}" aria-label="{{tx("unread:mark-as-unread")}}"></i>
 			</button>
 			{{{ end }}}
 		</div>