Merge pull request #349 from vim-jp-radio/feature/typo

fix: typo backgroud -> background
vim-jp-radio · Jan 8, 2025 · 1ec9e68 · 1ec9e68
2 parents 645df22 + a666f7c
commit 1ec9e68
Show file tree

Hide file tree

Showing 8 changed files with 12 additions and 12 deletions.
diff --git a/src/lib/Backgroud/index.ts b/src/lib/Backgroud/index.ts
diff --git a/src/lib/Backgroud/Backgroud.svelte → src/lib/Background/Background.svelte b/src/lib/Backgroud/Backgroud.svelte → src/lib/Background/Background.svelte
@@ -51,7 +51,7 @@
 
 <!-- svelte-ignore element_invalid_self_closing_tag -->
 <div
-	uno-bg-LP-backgroud
+	uno-bg-LP-background
 	uno-h-full
 	uno-left-0
 	uno-overflow-hidden
@@ -66,7 +66,7 @@
 			bind:this={canvas}
 			style:--blur='{blurStrength}px'
 			height={innerHeight.current ?? 0 + blurStrength * 4}
-			uno-bg-LP-backgroud
+			uno-bg-LP-background
 			uno-filter-blur='[--blur]'
 			uno-left='50%'
 			uno-position-absolute

diff --git a/src/lib/Backgroud/circle.ts → src/lib/Background/circle.ts b/src/lib/Backgroud/circle.ts → src/lib/Background/circle.ts
diff --git a/src/lib/Background/index.ts b/src/lib/Background/index.ts
@@ -0,0 +1,3 @@
+import Background from './Background.svelte';
+
+export { Background };
diff --git a/src/lib/Heading/Heading.svelte b/src/lib/Heading/Heading.svelte
@@ -28,7 +28,7 @@
 <style>
 h2 {
   --blue: theme('colors.LP.blue');
-  --background: theme('colors.LP.backgroud');
+  --background: theme('colors.LP.background');
   text-shadow: 0 -40px 100px, 0 0 2px, 0 0 1em var(--blue), 0 0 0.5em var(--blue), 0 0 0.1em var(--blue), 0 10px 3px var(--background);
 }
 </style>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -1,5 +1,5 @@
 <script lang='ts'>
-	import { Backgroud } from '$lib/Backgroud';
+	import { Background } from '$lib/Background';
 	import EasterEgg from './EasterEgg.svelte';
 
 	import Meta from './Meta.svelte';
@@ -14,7 +14,7 @@
 <!-- EASTER_EGG🐰🥚 -->
 <EasterEgg />
 
-<Backgroud />
+<Background />
 <div
 	uno-max-w-600px
 	uno-mx-auto
@@ -33,7 +33,7 @@
 */
 :global {
 	body {
-		--at-apply: bg-LP-backgroud p-safe min-h-safe;
+		--at-apply: bg-LP-background p-safe min-h-safe;
 		margin: 0;
 		min-width: 300px; /* 実際には320pxだが、スクロールバー等を考慮して300pxとしておく */
 	}

diff --git a/uno.config.ts b/uno.config.ts
@@ -18,7 +18,7 @@ export const theme = {
 			yellow: '#ffffb3',
 			gray: '#909296',
 			darkGray: '#5C5F66',
-			backgroud: '#010a01',
+			background: '#010a01',
 			textColor: '#f8f9fa',
 		},
 	},
@@ -52,6 +52,6 @@ export default defineConfig({
 	],
 	shortcuts: {
 		text: 'text-base text-LP-textColor',
-		button: 'color-LP-yellow border-(solid 2 LP-yellow) rounded px-4 py-2 hover:(bg-LP-yellow color-LP-backgroud) w-fit flex',
+		button: 'color-LP-yellow border-(solid 2 LP-yellow) rounded px-4 py-2 hover:(bg-LP-yellow color-LP-background) w-fit flex',
 	},
 });
diff --git a/vite.config.ts b/vite.config.ts
@@ -15,7 +15,7 @@ function relativePath(...args: string[]): string {
 }
 
 /* unocss から background color を取得 */
-const background = theme.colors.LP.backgroud;
+const { background } = theme.colors.LP;
 
 export default defineConfig({
 	plugins: [
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		import Background from './Background.svelte';

		export { Background };