Merge pull request #9 from milan-codes/dev

Content collections

Author: milan-codes

.husky/commit-msg

@@ -0,0 +1 @@
+bunx --no -- commitlint --edit $1

.prettierrc.mjs

@@ -0,0 +1,13 @@
+// .prettierrc.mjs
+/** @type {import("prettier").Config} */
+export default {
+  plugins: ["prettier-plugin-astro"],
+  overrides: [
+    {
+      files: "*.astro",
+      options: {
+        parser: "astro",
+      },
+    },
+  ],
+};

README.md

@@ -1,6 +1,6 @@
 # milan-codes.github.io
 
-My personal portfolio and blog, built using Astro, Svelte, and Tailwind. 👨‍💻
+My personal portfolio and blog, built using Astro, and Tailwind. 👨‍💻
 
 This is my personal portfolio and blog template. It allows you to create blog posts using Markdown, display math expressions using [KaTeX](https://katex.org/), and includes analytics integration with [Plausible](https://plausible.io/), as well as a dark theme.
 
@@ -27,7 +27,7 @@ This is my personal portfolio and blog template. It allows you to create blog po
 ### Displaying Math Expressions
 
 - To display math expressions using KaTeX, wrap the LaTeX code within `$$` symbols in your Markdown files.
-   Example: `$$E = mc^2$$`
+  Example: `$$E = mc^2$$`
 - Note that the displayed formulas might be too large for their containers. This might make the blog post's page unresponsive on certain devices. To avoid this, wrap the given formula in a `<div class="overflow-x-scroll"> ... </div>` container. You can see examples of this in the blog posts in this repository.
 
 ### Analytics Integration with Plausible

astro.config.mjs

@@ -1,24 +1,24 @@
-import { defineConfig } from 'astro/config';
+import { defineConfig } from "astro/config";
 
 // https://astro.build/config
-import tailwind from '@astrojs/tailwind';
+import tailwind from "@astrojs/tailwind";
 
 // https://astro.build/config
-import partytown from '@astrojs/partytown';
-import { remarkReadingTime } from './remark-reading-time.mjs';
+import partytown from "@astrojs/partytown";
+import { remarkReadingTime } from "./remark-reading-time.mjs";
 
 // https://astro.build/config
 export default defineConfig({
   integrations: [
     tailwind(),
     partytown({
       config: {
-        forward: ['dataLayer.push'],
+        forward: ["dataLayer.push"],
       },
     }),
   ],
   markdown: {
-    remarkPlugins: ['remark-math', remarkReadingTime],
-    rehypePlugins: ['rehype-katex'],
+    remarkPlugins: ["remark-math", remarkReadingTime],
+    rehypePlugins: ["rehype-katex"],
   },
 });

bun.lockb

@@ -0,0 +1 @@
+export default { extends: ['@commitlint/config-conventional'] };

commitlint.config.js

@@ -0,0 +1,44 @@
+import eslintPluginAstro from "eslint-plugin-astro";
+import tseslint from "typescript-eslint";
+import astroEslintParser from "astro-eslint-parser";
+import globals from "globals";
+import js from "@eslint/js";
+import typescriptParser from "@typescript-eslint/parser";
+export default [
+  js.configs.recommended,
+  ...eslintPluginAstro.configs.recommended,
+  ...tseslint.configs.recommended,
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+      },
+    },
+  },
+  {
+    files: ["**/*.astro"],
+    languageOptions: {
+      parser: astroEslintParser,
+      parserOptions: {
+        parser: "@typescript-eslint/parser",
+        extraFileExtensions: [".astro"],
+      },
+    },
+  },
+  {
+    files: ["**/*.{js,jsx,astro}"],
+    rules: {
+      "no-mixed-spaces-and-tabs": ["error", "smart-tabs"],
+    },
+  },
+  {
+    files: ["**/*.{ts,tsx}", "**/*.astro/*.js"],
+    languageOptions: {
+      parser: typescriptParser,
+    },
+  },
+  {
+    ignores: [".astro/**"],
+  },
+];

eslint.config.js

@@ -1,27 +1,40 @@
 {
-  "name": "@example/basics",
+  "name": "milan-codes.github.io",
   "type": "module",
-  "version": "0.0.1",
+  "version": "1.0.0",
   "private": true,
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
     "build": "astro build",
     "preview": "astro preview",
-    "astro": "astro"
+    "astro": "astro",
+    "lint": "eslint .",
+    "prepare": "husky"
   },
   "dependencies": {
-    "@astrojs/partytown": "^1.2.3",
-    "@astrojs/tailwind": "^3.0.1",
-    "astro": "^3.0.10",
+    "@astrojs/partytown": "^2.1.2",
+    "@astrojs/tailwind": "^5.1.2",
+    "astro": "^4.16.8",
     "mdast-util-to-string": "^4.0.0",
     "reading-time": "^1.5.0",
-    "tailwindcss": "^3.0.24"
+    "tailwindcss": "^3.4.14"
   },
   "devDependencies": {
-    "@tailwindcss/typography": "^0.5.9",
-    "rehype-katex": "^6.0.3",
-    "rehype-mathjax": "^4.0.2",
-    "remark-math": "^5.1.1"
+    "@commitlint/cli": "^19.5.0",
+    "@commitlint/config-conventional": "^19.5.0",
+    "@eslint/js": "^9.13.0",
+    "@tailwindcss/typography": "^0.5.15",
+    "@typescript-eslint/parser": "^8.12.2",
+    "astro-eslint-parser": "^1.0.3",
+    "eslint": "^9.13.0",
+    "eslint-plugin-astro": "^1.3.0",
+    "husky": "^9.1.6",
+    "prettier": "^3.3.3",
+    "prettier-plugin-astro": "^0.14.1",
+    "rehype-katex": "^7.0.1",
+    "rehype-mathjax": "^6.0.0",
+    "remark-math": "^6.0.0",
+    "typescript-eslint": "^8.12.2"
   }
 }

package.json

@@ -5,6 +5,6 @@ export function remarkReadingTime() {
   return function (tree, { data }) {
     const textOnPage = toString(tree);
     const readingTime = getReadingTime(textOnPage);
-    data.astro.frontmatter.minutesRead = readingTime.text;
+    data.astro.frontmatter.readingTime = readingTime.text;
   };
 }