Add Prettier as a formatter (and format everything)

.github/FUNDING.yml

@@ -9,4 +9,4 @@ community_bridge: # Replace with a single Community Bridge project-name e.g., cl
 liberapay: # Replace with a single Liberapay username
 issuehunt: # Replace with a single IssueHunt username
 otechie: # Replace with a single Otechie username
-custom: ['https://buymeacoffee.com/randy8080']
+custom: ["https://buymeacoffee.com/randy8080"]

.github/ISSUE_TEMPLATE/cheatsheet-request.md

@@ -1,9 +1,7 @@
 ---
 name: Cheatsheet request
 about: For request cheatsheet and reference.
-title: 'Cheatsheet request: '
+title: "Cheatsheet request: "
 labels: request
 assignees: Fechin
 ---
-
-

.markdownlint.json

@@ -9,4 +9,4 @@
     "code_blocks": true,
     "spaces_per_tab": 2
   }
-}
+}

.prettierignore

@@ -0,0 +1,3 @@
+# Minimized files
+**.min.css
+fuse_*.js

.prettierrc

@@ -0,0 +1,5 @@
+{
+  "printWidth": 120,
+  "proseWrap": "always",
+  "plugins": ["prettier-plugin-tailwindcss"]
+}

_config.yml

@@ -4,12 +4,12 @@
 
 # Site
 title: CheatSheets.zip
-subtitle: 'Quick Reference Cheat Sheet'
-description: 'Share quick reference and cheat sheet for developers'
+subtitle: "Quick Reference Cheat Sheet"
+description: "Share quick reference and cheat sheet for developers"
 keywords: reference,cheatsheet,code table,snippets,linux
 author: CheatSheets.zip
 language: en
-timezone: ''
+timezone: ""
 
 # URL
 ## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
@@ -39,7 +39,7 @@ titlecase: false # Transform title into titlecase
 external_link:
   enable: true # Open external links in new tab
   field: site # Apply to the whole site
-  exclude: ''
+  exclude: ""
 filename_case: 1
 render_drafts: false
 post_asset_folder: false
@@ -53,7 +53,7 @@ highlight:
 # per_page: Posts displayed per page. (0 = disable pagination)
 # order_by: Posts order. (Order by date descending by default)
 index_generator:
-  path: ''
+  path: ""
   per_page: 0
   order_by: -date
 
@@ -73,7 +73,7 @@ meta_generator: false
 date_format: YYYY-MM-DD
 time_format: HH:mm:ss
 ## Use post's date for updated date unless set in front-matter
-updated_option: 'date'
+updated_option: "date"
 
 # Pagination
 ## Set per_page to 0 to disable pagination
@@ -96,19 +96,18 @@ nofollow:
   enable: true
   field: site
   exclude:
-    - 'exclude1.com'
+    - "exclude1.com"
 
 excerpt:
   depth: 2
   excerpt_excludes: []
   more_excludes: []
   hideWholePostExcerpts: true
 
-
 # Deployment
 ## Docs: https://hexo.io/docs/deployment.html
 deploy:
-#  - type: cjh_google_url_submitter
+  #  - type: cjh_google_url_submitter
   - type: cjh_bing_url_submitter
   - type: cjh_baidu_url_submitter
 
@@ -123,7 +122,6 @@ sitemap:
   tags: false
   categories: false
 
-
 # Markdown-it configuration
 ## Docs: https://github.com/celsomiranda/hexo-renderer-markdown-it/wiki
 markdown:
@@ -133,12 +131,12 @@ markdown:
     breaks: false
     linkify: false
     typographer: false
-    quotes: '“”‘’'
+    quotes: "“”‘’"
   anchors:
     level: 2
-    collisionSuffix: ''
+    collisionSuffix: ""
     permalink: true
     permalinkClass: h-anchor
-    permalinkSymbol: '#'
+    permalinkSymbol: "#"
     case: 1
-    separator: '-'
+    separator: "-"

gulpfile.js

@@ -1,37 +1,44 @@
-const gulp = require('gulp');
-const htmlmin = require('gulp-htmlmin');
-const htmlclean = require('gulp-htmlclean');
-const version = require('gulp-version-number');
-const terser = require('gulp-terser');
+const gulp = require("gulp");
+const htmlmin = require("gulp-htmlmin");
+const htmlclean = require("gulp-htmlclean");
+const version = require("gulp-version-number");
+const terser = require("gulp-terser");
 
 // Compress js files
-gulp.task('js', function () {
-    return gulp.src(['./public/js/main.js'])
-        .pipe(terser({
-            compress: true
-        }))
-        .pipe(gulp.dest('./public/js'));
+gulp.task("js", function () {
+  return gulp
+    .src(["./public/js/main.js"])
+    .pipe(
+      terser({
+        compress: true,
+      }),
+    )
+    .pipe(gulp.dest("./public/js"));
 });
 
-
 // Build html files
-gulp.task('html', function () {
-    return gulp.src('./public/**/*.html')
-        .pipe(htmlclean())
-        .pipe(htmlmin({
-            removeComments: true,
-            minifyJS: true,
-            minifyCSS: true,
-            minifyURLs: true,
-        }))
-        .pipe(version({
-            'append': {
-                'key': '_v',
-                'cover': 1,
-                'to': ['css', 'js', 'png', 'jpg', 'woff2']
-            }
-        }))
-        .pipe(gulp.dest('./public'));
+gulp.task("html", function () {
+  return gulp
+    .src("./public/**/*.html")
+    .pipe(htmlclean())
+    .pipe(
+      htmlmin({
+        removeComments: true,
+        minifyJS: true,
+        minifyCSS: true,
+        minifyURLs: true,
+      }),
+    )
+    .pipe(
+      version({
+        append: {
+          key: "_v",
+          cover: 1,
+          to: ["css", "js", "png", "jpg", "woff2"],
+        },
+      }),
+    )
+    .pipe(gulp.dest("./public"));
 });
 
-gulp.task('default', gulp.parallel('js', 'html'));
+gulp.task("default", gulp.parallel("js", "html"));

package.json

@@ -11,7 +11,8 @@
     "build:rm-db.json": "rm db.json || exit 0",
     "build:css": "npx postcss themes/coo/source/css/style.tailwindcss -o themes/coo/source/css/style.css",
     "build:generate": "npx hexo generate",
-    "build:gulp": "npx gulp --max-old-space-size=4096"
+    "build:gulp": "npx gulp --max-old-space-size=4096",
+    "format": "prettier --write"
   },
   "hexo": {
     "version": "5.4.2"
@@ -69,6 +70,8 @@
     "postcss-cli": "^9.1.0",
     "postcss-import": "^14.0.2",
     "postcss-minify": "^1.1.0",
+    "prettier": "^3.2.5",
+    "prettier-plugin-tailwindcss": "^0.5.14",
     "sync-request": "^6.1.0",
     "tailwindcss": "^3.0.1",
     "tailwindcss-animate": "^1.0.5",

postcss.config.js

@@ -1,8 +1,8 @@
 module.exports = {
-    plugins: {
-        'postcss-import': {path: 'themes/coo/source/css'},
-        'tailwindcss': {config: './tailwind.config.js'},
-        'autoprefixer': {},
-        'postcss-minify':{},
-    }
-};
+  plugins: {
+    "postcss-import": { path: "themes/coo/source/css" },
+    tailwindcss: { config: "./tailwind.config.js" },
+    autoprefixer: {},
+    "postcss-minify": {},
+  },
+};