[Save Bootstrap 5 Tab State in URL for Deep Linking] #bootstrap #js <https://codepen.io/localhorst/pen/dyqbboY>

addhash.js

//@see https://codepen.io/localhorst/pen/dyqbboY
(function () {
	'use strict'
	if(location.hash){
		const triggerEl = document.querySelector(location.hash)
		bootstrap.Tab.getOrCreateInstance(triggerEl).show() // Select tab by name
	}

	const selectableTabList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tab"]'))
	selectableTabList.forEach((selectableTab) => {
		selectableTab.addEventListener('shown.bs.tab', event => {
			console.log('Previous URL: ' + location.href);
			history.replaceState(null, null, '#' + event.target.id);
		})
	});
})();