add vercel settings

package.json

@@ -9,12 +9,14 @@
     "build": "hugo --gc --minify --templateMetrics --templateMetricsHints --forceSyncStatic",
     "test": "hugo server --disableFastRender --navigateToChanged --templateMetrics --templateMetricsHints --watch --forceSyncStatic -e production --minify",
     "dev:example": "cd exampleSite; hugo server",
+    "vercel-build": "curl -L -o go.tar.gz https://go.dev/dl/go1.21.0.linux-amd64.tar.gz && tar -C /usr/local -xzf go.tar.gz && export PATH=$PATH:/usr/local/go/bin && npm install  && npm run build:tailwind && NODE_ENV=production && HUGO_ENVIRONMENT=production hugo --gc --minify",
+    "build:tailwind": "npx tailwindcss -i ./themes/hugoplate/assets/scss/main.scss -o ./themes/hugoplate/assets/css/style.css --minify",
     "build:example": "cd exampleSite; hugo --gc --minify --templateMetrics --templateMetricsHints --forceSyncStatic",
     "test:example": "cd exampleSite; hugo server --disableFastRender --navigateToChanged --templateMetrics --templateMetricsHints --watch --forceSyncStatic -e production --minify",
     "update-modules": "node ./scripts/clearModules.js && hugo mod clean --all && hugo mod get -u ./... && hugo mod tidy",
     "format": "prettier -w ."
   },
-  "devDependencies": {
+  "dependencies": {
     "@fullhuman/postcss-purgecss": "^5.0.0",
     "@tailwindcss/forms": "^0.5.6",
     "@tailwindcss/typography": "^0.5.10",

tailwind.config.js

@@ -28,7 +28,13 @@ if (theme.fonts.font_family.secondary) {
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ["./hugo_stats.json"],
+  content: [
+    "./layouts/**/*.{html,js}",
+    "./themes/**/layouts/**/*.{html,js}",
+    "./content/**/*.{md,html}",
+    "./themes/**/content/**/*.{md,html}",
+    "./hugo_stats.json",
+  ],
   safelist: [{ pattern: /^swiper-/ }],
   darkMode: "class",
   theme: {
@@ -99,4 +105,4 @@ module.exports = {
       },
     }),
   ],
-};
+};

themes/hugoplate/layouts/partials/essentials/style.html

@@ -31,6 +31,9 @@
 
 <!-- plugins + stylesheet -->
 {{ $styles := slice }}
+
+
+<!-- Process plugin CSS files -->
 {{ range site.Params.plugins.css }}
   {{ if findRE "^http" .link }}
     <link
@@ -43,17 +46,26 @@
     {{ $styles = $styles | append (resources.Get .link) }}
   {{ end }}
 {{ end }}
-{{ $styles := $styles | append (resources.Get "scss/main.scss" | toCSS) }}
-{{ $styles := $styles | resources.Concat "css/style.css" }}
-{{ $styles = $styles | css.PostCSS }}
+
+
+<!-- Process main SCSS -->
+{{ $mainScss := resources.Get "scss/main.scss" }}
+{{ $mainStyle := $mainScss | toCSS }}
+{{ $styles := $styles | append $mainStyle }}
+
+
+<!-- Concatenate all styles -->
+{{ $allStyles := $styles | resources.Concat "css/style.css" }}
+
+
+<!-- Process for production or development -->
 {{ if hugo.IsProduction }}
-  {{ $styles = $styles | resources.ExecuteAsTemplate "css/style.css" . | minify | fingerprint | resources.PostProcess }}
+  {{ $allStyles = $allStyles | resources.ExecuteAsTemplate "css/style.css" . | minify | fingerprint }}
+  <link
+    href="{{ $allStyles.RelPermalink }}"
+    integrity="{{ $allStyles.Data.Integrity }}"
+    rel="stylesheet" />
 {{ else }}
-  {{ $styles = $styles | resources.ExecuteAsTemplate "css/style.css" . }}
+  {{ $allStyles = $allStyles | resources.ExecuteAsTemplate "css/style.css" . }}
+  <link href="{{ $allStyles.RelPermalink }}" rel="stylesheet" />
 {{ end }}
-
-
-<link
-  href="{{ $styles.RelPermalink }}"
-  integrity="{{ $styles.Data.Integrity }}"
-  rel="stylesheet" />

vercel.json

@@ -0,0 +1,13 @@
+{
+  "build": {
+    "env": {
+      "GO_VERSION": "1.21",
+      "HUGO_VERSION": "0.121.0",
+      "HUGO_ENVIRONMENT": "production",
+      "NODE_ENV": "production"
+    }
+  },
+  "buildCommand": "npm run vercel-build",
+  "installCommand": "npm install",
+  "framework": "hugo"
+}