👷 Setup CI

.github/workflows/ci.yaml

@@ -0,0 +1,23 @@
+name: ci
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+permissions: {}
+
+jobs:
+  ci:
+    runs-on: ubuntu-24.04
+    steps:
+      - name: Checkout
+        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
+      - name: Setup Deno
+        uses: denoland/setup-deno@667a34cdef165d8d2b2e98dde39547c9daac7282 # v2.0.4
+        with:
+          cache: true
+
+      - name: Format
+        run: deno fmt --check
+      - name: Build
+        run: deno task build

.gitignore

@@ -1 +1,2 @@
 node_modules
+dist

README.md

@@ -1,12 +1,13 @@
 # slidev-theme-soba
+
 ![slidev theme soba](https://github.com/ryuapp/slidev-theme-soba/assets/114303361/46e242d1-9740-4dd7-92c0-7a5f73ed49dd)
 
 [![NPM version](https://img.shields.io/npm/v/slidev-theme-soba?color=3AB9D4&label=)](https://www.npmjs.com/package/slidev-theme-soba)
 
-日本語向けのシンプルな [Slidev](https://github.com/slidevjs/slidev) のテーマです。  
+日本語向けのシンプルな [Slidev](https://github.com/slidevjs/slidev) のテーマです。\
 A simple [Slidev](https://github.com/slidevjs/slidev) theme for Japanese.
 
-> **Note**  
+> **Note**\
 > This theme is designed for Japanese, but can be used in other languages.
 
 Live demo: [here](https://slidev-theme-soba.ryu.app)

deno.json → deno.jsonc

@@ -1,9 +1,15 @@
 {
+  "minimumDependencyAge": "P2D",
   "tasks": {
     "slidev": "slidev",
     "build": "slidev build example.md",
     "dev": "slidev example.md --open",
     "export": "slidev export example.md",
     "screenshot": "slidev export example.md --format png"
-  }
+  },
+  "fmt": {
+    "exclude": ["example.md"],
+    "proseWrap": "preserve"
+  },
+  "nodeModulesDir": "auto"
 }

setup/shiki.ts

@@ -1,10 +1,10 @@
-import type { ShikiSetupReturn } from '@slidev/types'
-import { defineShikiSetup } from '@slidev/types'
+import type { ShikiSetupReturn } from "@slidev/types";
+import { defineShikiSetup } from "@slidev/types";
 
 export default defineShikiSetup((): ShikiSetupReturn => {
   return {
     themes: {
-      light: 'github-dark',
+      light: "github-dark",
     },
-  }
-})
+  };
+});

styles/index.ts

@@ -1,3 +1,3 @@
 // inherit from base layouts, remove it to get full customizations
-import '@slidev/client/styles/layouts-base.css'
-import './layout.css'
+import "@slidev/client/styles/layouts-base.css";
+import "./layout.css";

styles/layout.css

@@ -4,23 +4,22 @@
 }
 
 code,
-.slidev-code-copy
- {
+.slidev-code-copy {
   @apply text-zinc-300;
 }
 
-.slidev-layout{
-  h1,h2,h3,h4,h5,h6,p,ul{
+.slidev-layout {
+  h1, h2, h3, h4, h5, h6, p, ul {
     @apply text-zinc-700;
   }
-  h1,h2,h3,h4,h5,h6{
-    @apply font-medium
+  h1, h2, h3, h4, h5, h6 {
+    @apply font-medium;
   }
 }
 
-.slidev-layout blockquote{
+.slidev-layout blockquote {
   p {
-    @apply text-zinc-400
+    @apply text-zinc-400;
   }
 }
 
@@ -31,7 +30,7 @@ code,
   h2 {
     @apply mb-2;
   }
-  p{
+  p {
     @apply text-xl;
   }
 }
@@ -40,7 +39,6 @@ code,
 .slidev-layout.intro {
   @apply h-full grid text-center;
 
-
   h1 {
     @apply text-6xl leading-20;
   }
@@ -67,13 +65,12 @@ code,
   h1 + p {
     @apply -mt-2 ml-4 text-zinc-600;
   }
-
 }
 
 .slidev-layout.center {
   @apply h-full grid text-center;
 
-  h1,h2,h3,h4,h5,h6{
+  h1, h2, h3, h4, h5, h6 {
     @apply font-bold;
   }
   h1 {
@@ -101,15 +98,15 @@ code,
 
 .slidev-layout.quote {
   @apply grid h-full text-center;
-  
+
   h1 {
     @apply text-5xl;
   }
   h1 + p {
     @apply mt-2;
   }
   blockquote {
-    @apply before:content-['“'] after:content-["”"] w-fit mx-auto text-zinc-900 bg-zinc-200 border-0 grid text-left;
+    @apply before:content-["“"] after:content-["”"] w-fit mx-auto text-zinc-900 bg-zinc-200 border-0 grid text-left;
   }
   blockquote:before, blockquote:after {
     @apply text-5xl font-bold text-zinc-600 justify-self-end font-serif;
@@ -120,13 +117,13 @@ code,
   blockquote:after {
     @apply justify-self-end pt-4 h-10;
   }
-  blockquote p{
+  blockquote p {
     @apply text-zinc-900 bg-zinc-200 border-0 text-xl px-6;
   }
-  blockquote p + footer{
+  blockquote p + footer {
     @apply mt-2;
   }
-  blockquote footer{
+  blockquote footer {
     @apply text-right text-zinc-600 text-lg px-6;
   }
 }
@@ -148,4 +145,4 @@ code,
   p + h2, ul + h2, table + h2 {
     @apply mt-10;
   }
-}
+}