Merge pull request #26 from tatsutakein-jp/feature/GH-25

feat: Biome を導入

biome.jsonc

@@ -0,0 +1,53 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.8.3/schema.json",
+  "organizeImports": {
+    "enabled": true
+  },
+  "formatter": {
+    "enabled": true,
+    "formatWithErrors": true,
+    "indentStyle": "space",
+    "indentWidth": 2
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true
+    }
+  },
+  "javascript": {
+    "parser": {
+      "unsafeParameterDecoratorsEnabled": true
+    },
+    "formatter": {
+      "quoteStyle": "single",
+      "jsxQuoteStyle": "single",
+      "quoteProperties": "asNeeded",
+      "trailingCommas": "none",
+      "semicolons": "asNeeded",
+      "arrowParentheses": "asNeeded",
+      "enabled": true,
+      "indentStyle": "space",
+      "indentWidth": 2,
+      "lineEnding": "lf",
+      "lineWidth": 100,
+      "bracketSameLine": true,
+      "bracketSpacing": true,
+      "attributePosition": "auto"
+    }
+  },
+  "json": {
+    "parser": {
+      "allowComments": true,
+      "allowTrailingCommas": true
+    },
+    "formatter": {
+      "enabled": true,
+      "indentStyle": "space",
+      "indentWidth": 2,
+      "lineEnding": "lf",
+      "lineWidth": 100,
+      "trailingCommas": "none"
+    }
+  }
+}

package.json

@@ -15,6 +15,9 @@
     "preview": "astro preview",
     "astro": "astro",
     "clean": "git clean -xdf node_modules",
+    "lint": "biome lint ./src",
+    "lint:fix": "biome lint --write ./src",
+    "format": "biome check --write ./src",
     "plop": "plop"
   },
   "dependencies": {
@@ -23,6 +26,7 @@
   },
   "devDependencies": {
     "@astrojs/check": "0.7.0",
+    "@biomejs/biome": "1.8.3",
     "@commitlint/cli": "19.3.0",
     "@commitlint/config-conventional": "19.2.2",
     "lefthook": "1.6.18",

src/components/Footer.astro

@@ -1,5 +1,5 @@
 ---
-const currentYear = new Date().getFullYear();
+const currentYear = new Date().getFullYear()
 ---
 
 <footer>

src/components/Hero.astro

@@ -1,11 +1,11 @@
 ---
 interface Props {
-	title: string;
-	tagline?: string;
-	align?: 'start' | 'center';
+  title: string
+  tagline?: string
+  align?: 'start' | 'center'
 }
 
-const { align = 'center', tagline, title } = Astro.props;
+const { align = 'center', tagline, title } = Astro.props
 ---
 
 <div class:list={['hero stack gap-4', align]}>

src/components/Icon.astro

@@ -1,21 +1,21 @@
 ---
-import type { HTMLAttributes } from 'astro/types';
-import { iconPaths } from './IconPaths';
+import type { HTMLAttributes } from 'astro/types'
+import { iconPaths } from './IconPaths'
 
 interface Props {
-	icon: keyof typeof iconPaths;
-	color?: string;
-	gradient?: boolean;
-	size?: string;
+  icon: keyof typeof iconPaths
+  color?: string
+  gradient?: boolean
+  size?: string
 }
 
-const { color = 'currentcolor', gradient, icon, size } = Astro.props;
-const iconPath = iconPaths[icon];
+const { color = 'currentcolor', gradient, icon, size } = Astro.props
+const iconPath = iconPaths[icon]
 
-const attrs: HTMLAttributes<'svg'> = {};
-if (size) attrs.style = { '--size': size };
+const attrs: HTMLAttributes<'svg'> = {}
+if (size) attrs.style = { '--size': size }
 
-const gradientId = 'icon-gradient-' + Math.round(Math.random() * 10e12).toString(36);
+const gradientId = `icon-gradient-${Math.round(Math.random() * 10e12).toString(36)}`
 ---
 
 <svg

src/components/MainHead.astro

@@ -1,15 +1,12 @@
 ---
-import '../styles/global.css';
+import '../styles/global.css'
 
 interface Props {
-  title?: string | undefined;
-  description?: string | undefined;
+  title?: string | undefined
+  description?: string | undefined
 }
 
-const {
-  title = 'ASIS',
-  description = 'The quest to live life as it is',
-} = Astro.props;
+const { title = 'ASIS', description = 'The quest to live life as it is' } = Astro.props
 ---
 
 <meta charset="UTF-8"/>

src/components/Nav.astro

@@ -1,18 +1,26 @@
 ---
-import Icon from './Icon.astro';
-import ThemeToggle from './ThemeToggle.astro';
-import type { iconPaths } from './IconPaths';
+import Icon from './Icon.astro'
+import type { iconPaths } from './IconPaths'
+import ThemeToggle from './ThemeToggle.astro'
 
 /** Main menu items */
 const textLinks: { label: string; href: string }[] = [
-	{ label: 'Home', href: '/' },
-	// { label: 'About', href: '/about/' },
-];
+  { label: 'Home', href: '/' }
+  // { label: 'About', href: '/about/' },
+]
 
 /** Icon links to social media — edit these with links to your profiles! */
-const iconLinks: { label: string; href: string; icon: keyof typeof iconPaths }[] = [
-	{ label: 'GitHub', href: 'https://github.com/tatsutakein-jp/asis.quest', icon: 'github-logo' },
-];
+const iconLinks: {
+  label: string
+  href: string
+  icon: keyof typeof iconPaths
+}[] = [
+  {
+    label: 'GitHub',
+    href: 'https://github.com/tatsutakein-jp/asis.quest',
+    icon: 'github-logo'
+  }
+]
 ---
 
 <nav>

src/components/ThemeToggle.astro

@@ -1,5 +1,5 @@
 ---
-import Icon from './Icon.astro';
+import Icon from './Icon.astro'
 ---
 
 <theme-toggle>

src/env.d.ts

@@ -1 +1 @@
-/// <reference types="astro/client" />
+/// <reference types="astro/client" />

src/layouts/BaseLayout.astro

@@ -2,17 +2,17 @@
 // Learn about using Astro layouts:
 // https://docs.astro.build/en/core-concepts/layouts/
 
+import Footer from '../components/Footer.astro'
 // Component Imports
-import MainHead from '../components/MainHead.astro';
-import Nav from '../components/Nav.astro';
-import Footer from '../components/Footer.astro';
+import MainHead from '../components/MainHead.astro'
+import Nav from '../components/Nav.astro'
 
 interface Props {
-	title?: string | undefined;
-	description?: string | undefined;
+  title?: string | undefined
+  description?: string | undefined
 }
 
-const { title, description } = Astro.props;
+const { title, description } = Astro.props
 ---
 
 <html lang="en">

src/pages/404.astro

@@ -1,6 +1,6 @@
 ---
-import Hero from '../components/Hero.astro';
-import BaseLayout from '../layouts/BaseLayout.astro';
+import Hero from '../components/Hero.astro'
+import BaseLayout from '../layouts/BaseLayout.astro'
 ---
 
 <BaseLayout title="Not Found" description="404 Error — this page was not found">

src/pages/index.astro

@@ -1,9 +1,9 @@
 ---
 // Layout import — provides basic page elements: <head>, <nav>, <footer> etc.
-import BaseLayout from '../layouts/BaseLayout.astro';
+import BaseLayout from '../layouts/BaseLayout.astro'
 
 // Component Imports
-import Hero from '../components/Hero.astro';
+import Hero from '../components/Hero.astro'
 
 // Full Astro Component Syntax:
 // https://docs.astro.build/core-concepts/astro-components/