remove unused css

src/components/Counter/Counter.css

@@ -7,8 +7,9 @@
 	border: 1px solid var(--border-color);
 	border-radius: var(--border-radius-md);
 	padding: 15px 5px;
-	& div {
+}
+
+.counter div {
 	display: flex;
 	column-gap: 3px;
-	}
 }

src/components/Counter/Counter.tsx

@@ -1,8 +1,8 @@
 import type { Component } from "solid-js";
 
 import { createSignal, createEffect } from "solid-js";
-import Button from "../Button";
+import Button from "@components/Button";
-import "./Counter.scss";
+import "./Counter.css";
 
 const Counter: Component<{ tick?: number }> = (props) => {
 	const [isRunned, setIsRunned] = createSignal<boolean>(false);

src/components/PageHeading/PageHeading.astro

@@ -1,6 +1,4 @@
 ---
-import "./PageHeading.scss";
-
 export interface Props {
 	heading: string;
 	description?: string | undefined;
@@ -10,8 +8,25 @@ const { heading, description } = Astro.props as Props;
 ---
 
 <div class="page-heading">
-	<h1 style={!description && "margin-bottom: 2.5rem;"}>
+	<h1>
 		{heading}
 	</h1>
 	{description && <p>{description}</p>}
 </div>
+
+<style lang="scss">
+	div {
+		margin-bottom: 2.5rem;
+		& h1 {
+			font-size: var(--font-size-4xl);
+			text-align: center;
+			margin-bottom: 15px;
+		}
+		& p {
+			font-size: var(--font-size-lg);
+			text-align: center;
+			max-width: 650px;
+			margin: 0 auto;
+		}
+	}
+</style>

src/components/PageHeading/PageHeading.scss

@@ -1,14 +0,0 @@
-.page-heading {
-	& h1 {
-		font-size: var(--font-size-4xl);
-		text-align: center;
-		margin-bottom: 15px;
-	}
-	& p {
-		font-size: var(--font-size-lg);
-		text-align: center;
-		max-width: 650px;
-		margin: 0 auto;
-		margin-bottom: 2.5rem;
-	}
-}

src/layouts/default.astro

@@ -4,17 +4,15 @@ import type { Props as BaseHeadProps } from "@components/BaseHead.astro";
 import { SITE_METADATA } from "@root/config";
 import BaseHead from "@components/BaseHead.astro";
 import BaseLayout from "@components/BaseLayout";
-import PageHeading from "@components/PageHeading";
 import "@styles/global.scss";
 
 export interface Props extends BaseHeadProps {
 	lang?: string | undefined;
-	showPageHeading?: boolean | undefined;
 	noIndex?: boolean | undefined;
 	canonicalUrl?: string | undefined;
 }
 
-const { title, description, lang = "ru", showPageHeading = true, noIndex = false, canonicalUrl } = Astro.props as Props;
+const { title, description, lang = "ru", noIndex = false, canonicalUrl } = Astro.props as Props;
 ---
 
 <html lang={lang}>
@@ -23,7 +21,6 @@ const { title, description, lang = "ru", showPageHeading = true, noIndex = false
 	</BaseHead>
 	<BaseLayout>
 		<div class="container">
-			{showPageHeading && <PageHeading heading={title} description={description} />}
 			<slot />
 		</div>
 	</BaseLayout>

src/templates/About.astro

@@ -1,6 +1,7 @@
 ---
 import { SITE_METADATA } from "@root/config";
 import PageLayout from "@layouts/default.astro";
+import PageHeading from "@components/PageHeading";
 import SkillsList from "@components/SkillsList";
 import SkillsBlock from "@components/SkillsBlock";
 
@@ -15,6 +16,7 @@ const { skills } = SITE_METADATA;
 ---
 
 <PageLayout noIndex lang={lang} title={t("pageTitle.about")}>
+	<PageHeading heading={t("pageTitle.about")} />
 	<section>
 		<ArticleContent>
 			<Content />

src/templates/Articles.astro

@@ -1,5 +1,6 @@
 ---
 import PageLayout from "@layouts/default.astro";
+import PageHeading from "@components/PageHeading";
 import ArticlesList from "@components/ArticlesList";
 import { transformArticles, formatToArticleBlocks } from "@utils/articles";
 import { getLanguageFromURL } from "@root/utils";
@@ -14,6 +15,7 @@ const canonicalUrl = new URL(Astro.url.pathname, Astro.site);
 ---
 
 <PageLayout lang={lang} title={t("pageTitle.articles")} description={t("pageDescription.articles")} canonicalUrl={canonicalUrl.href}>
+	<PageHeading heading={t("pageTitle.articles")} description={t("pageDescription.articles")} />
 	<section>
 		<ArticlesList
 			client:load

src/templates/Contacts.astro

@@ -1,5 +1,6 @@
 ---
 import PageLayout from "@layouts/default.astro";
+import PageHeading from "@components/PageHeading";
 import ContactForm from "@components/ContactForm";
 import ContactsList from "@components/ContactsList";
 import { getLanguageFromURL } from "@root/utils";
@@ -10,6 +11,7 @@ const lang = getLanguageFromURL(Astro.url.pathname);
 ---
 
 <PageLayout noIndex lang={lang} title={t("pageTitle.contacts")} description={t("pageDescription.contacts")}>
+	<PageHeading heading={t("pageTitle.contacts")} description={t("pageDescription.contacts")} />
 	<section>
 		<ContactForm
 			i18n={{

src/templates/Home.astro

@@ -14,7 +14,7 @@ const articles = utils.transformArticles(data);
 const canonicalUrl = new URL(Astro.url.pathname, Astro.site);
 ---
 
-<PageLayout lang={lang} description={t("site.description")} showPageHeading={false} canonicalUrl={canonicalUrl.href}>
+<PageLayout lang={lang} description={t("site.description")} canonicalUrl={canonicalUrl.href}>
 	<Splash>
 		<SplashHeading>
 			<hgroup>

src/templates/NotFound.astro

@@ -7,7 +7,7 @@ const lang = getLanguageFromURL(Astro.url.pathname);
 const t = useTranslation(Astro);
 ---
 
-<PageLayout lang={lang} title="404" showPageHeading={false}>
+<PageLayout lang={lang} title="404">
 	<div class="container">
 		<h1 style="font-size:var(--font-size-5xl);">404</h1>
 		<p>{t("404.description")}</p>

src/templates/Projects.astro

@@ -3,6 +3,7 @@ import { SITE_METADATA } from "@root/config";
 import PageLayout from "@layouts/default.astro";
 import ProjectsList from "@components/ProjectsList";
 import ProjectItem from "@components/ProjectItem";
+import PageHeading from "@components/PageHeading";
 import { getLanguageFromURL } from "@root/utils";
 import { useTranslation } from "@i18n/utils";
 
@@ -12,6 +13,7 @@ const { projects } = SITE_METADATA;
 ---
 
 <PageLayout noIndex lang={lang} title={t("pageTitle.projects")} description={t("pageDescription.projects")}>
+	<PageHeading heading={t("pageTitle.projects")} description={t("pageDescription.projects")} />
 	<section>
 		<ProjectsList>
 			{projects.map((project) => <ProjectItem data={project} />)}

src/utils/history.ts

@@ -1,10 +1,3 @@
-export const extendHistoryState = (state: object, url?: URL | string | undefined): void => {
-	const { history } = window;
-	const updated = Object.assign({}, history.state, state);
-
-	history.replaceState(updated, "", url);
-};
-
 export const deleteParamFromUrl = (param: string): string => {
 	const params = new URLSearchParams(window.location.search);
 	params.delete(param);