fix: time icon

stepaniukm · Dec 31, 2023 · c38d59d · c38d59d
1 parent 6a100fb
commit c38d59d
Show file tree

Hide file tree

Showing 6 changed files with 67 additions and 17 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -25,8 +25,8 @@ export default defineConfig({
 		}),
 		sitemap(),
 		partytown(),
-		vue(),
 		react(),
+		vue(),
 	],
 	markdown: {
 		remarkPlugins: [

diff --git a/package.json b/package.json
@@ -17,15 +17,16 @@
 	"dependencies": {
 		"@astrojs/partytown": "^2.0.3",
 		"@astrojs/prefetch": "^0.4.1",
+		"@astrojs/react": "^3.0.9",
 		"@astrojs/rss": "4.0.1",
 		"@astrojs/vercel": "^6.1.1",
 		"@astrojs/vue": "^4.0.6",
-		"@astrojs/react": "^3.0.9",
 		"@builder.io/qwik": "^1.3.1",
 		"@fullcalendar/core": "6.1.10",
 		"@fullcalendar/daygrid": "6.1.10",
 		"@fullcalendar/interaction": "6.1.10",
 		"@fullcalendar/vue3": "^6.1.10",
+		"@giscus/vue": "^2.4.0",
 		"@qwikdev/astro": "^0.3.4",
 		"@vercel/analytics": "1.1.1",
 		"@vitejs/plugin-legacy": "5.2.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/PostDetails.astro b/src/components/PostDetails.astro
@@ -5,6 +5,7 @@ import Tag from "@components/Tag.astro";
 import Datetime from "@components/Datetime.vue";
 import type { CollectionEntry } from "astro:content";
 import ReadingTime from "./ReadingTime.vue";
+import Giscus from "@giscus/vue";
 
 export interface Props {
 	post: CollectionEntry<"blog"> & { readingTime: number };
@@ -39,7 +40,7 @@ const ogUrl = new URL(ogImage ? ogImage : `${title}.png`, Astro.url.origin).href
 		<ul class="tags-container">
 			{tags.map(tag => <Tag name={tag} />)}
 		</ul>
-		<giscus-widget
+		<Giscus
 			id="comments"
 			repo="stepaniukm/blogeusz"
 			repoId="R_kgDOI3wG3A"
@@ -53,7 +54,8 @@ const ogUrl = new URL(ogImage ? ogImage : `${title}.png`, Astro.url.origin).href
 			inputPosition="bottom"
 			theme="preferred_color_scheme"
 			lang="pl"
-			loading="lazy"></giscus-widget>
+			loading="lazy"
+		/>
 	</main>
 	<Footer />
 </Layout>

diff --git a/src/components/ReadingTime.vue b/src/components/ReadingTime.vue
@@ -9,20 +9,14 @@ defineProps<{
 <template>
 	<div class="flex items-center space-x-2 opacity-80" :class="{ [className!]: className }">
 		<svg
-			version="1.1"
+			class="inline-block h-6 w-6 fill-skin-base scale-75"
 			xmlns="http://www.w3.org/2000/svg"
-			x="0px"
-			y="0px"
-			viewBox="0 0 122.88 122.88"
-			class="inline-block h-6 w-6 fill-skin-base"
-			:class="{ 'scale-75': size === 'sm', 'scale-90': size === 'lg' }"
+			fill-rule="evenodd"
+			clip-rule="evenodd"
 		>
-			<g>
-				<path
-					className="st0"
-					d="M61.44,0c33.93,0,61.44,27.51,61.44,61.44c0,33.93-27.51,61.44-61.44,61.44C27.51,122.88,0,95.37,0,61.44 C0,27.51,27.51,0,61.44,0L61.44,0z M52.92,30.52h7.51c1.37,0,2.5,1.13,2.5,2.5v28.94h26.41c1.38,0,2.5,1.13,2.5,2.5v7.51 c0,1.38-1.13,2.5-2.5,2.5H50.41V33.02C50.41,31.64,51.54,30.52,52.92,30.52L52.92,30.52z M61.44,13.95 c26.23,0,47.49,21.26,47.49,47.49c0,26.23-21.26,47.49-47.49,47.49c-26.23,0-47.49-21.26-47.49-47.49 C13.95,35.22,35.21,13.95,61.44,13.95L61.44,13.95z"
-				/>
-			</g>
+			<path
+				d="M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm0 11h6v1h-7v-9h1v8z"
+			/>
 		</svg>
 		<span class="sr-only">Do przeczytania w:</span>
 		<span :class="{ 'text-sm': size === 'sm', 'text-base': size === 'lg' }">

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -77,7 +77,6 @@ const isBlogPost = activeNav.startsWith("posty/");
 			)
 		}
 
-		<script type="module" src="https://cdn.skypack.dev/giscus"></script>
 		<script is:inline src="/toggle-theme.js"></script>
 		<script>
 			import { webVitals } from "../scripts/vitals";