docs: add more projects

ntnyq · Dec 23, 2024 · 94df4a1 · 94df4a1
1 parent 6ba67e8
commit 94df4a1
Show file tree

Hide file tree

Showing 8 changed files with 994 additions and 741 deletions.
diff --git a/components/home/Projects.vue b/components/home/Projects.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { IProject } from '~/types'
 
-const projects = shallowRef<IProject[]>([
+const browserExtensions: IProject[] = [
   {
     name: 'Prettier Now',
     url: 'https://github.com/ntnyq/prettier-now',
@@ -14,18 +14,69 @@ const projects = shallowRef<IProject[]>([
     description: 'An offline tool help user to add CSS based filter to image',
     icon: 'i-fluent-emoji-flat:framed-picture',
   },
-])
+]
+const eslintPackages: IProject[] = [
+  {
+    name: 'eslint-plugin-github-action',
+    url: 'https://github.com/ntnyq/eslint-plugin-github-action',
+    description: 'Rules for consistent, readable and valid GitHub action files',
+    icon: 'i-vscode-icons:file-type-eslint',
+  },
+  {
+    name: 'eslint-plugin-svgo',
+    url: 'https://github.com/ntnyq/eslint-plugin-svgo',
+    description: 'Optimize SVG files with SVGO using ESLint',
+    icon: 'i-vscode-icons:file-type-eslint',
+  },
+]
+const typedefPackages: IProject[] = [
+  {
+    name: 'taro-define-config',
+    url: 'https://github.com/ntnyq/taro-define-config',
+    description: 'Provide a defineConfig function for Taro project',
+    icon: 'i-fluent-emoji-flat:alien',
+  },
+  {
+    name: 'vscode-extension-manifest',
+    url: 'https://github.com/ntnyq/vscode-extension-manifest',
+    description: 'VSCode extension manifest type definitions, validators, and utilities',
+    icon: 'i-vscode-icons:file-type-vscode',
+  },
+]
 </script>
 
 <template>
   <div class="mb-4 mt-10">
     <h2 class="mb-4 text-3xl font-bold">Projects</h2>
-    <div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
-      <ProjectItem
-        v-for="project in projects"
-        :key="project.name"
-        :item="project"
-      />
+    <div class="relative py-2">
+      <h3 class="py-2 text-xl font-semibold op-75">Browser Extension</h3>
+      <div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
+        <ProjectItem
+          v-for="item in browserExtensions"
+          :key="item.name"
+          :item="item"
+        />
+      </div>
+    </div>
+    <div class="relative py-2">
+      <h3 class="py-2 text-xl font-semibold op-75">ESLint</h3>
+      <div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
+        <ProjectItem
+          v-for="item in eslintPackages"
+          :key="item.name"
+          :item="item"
+        />
+      </div>
+    </div>
+    <div class="relative py-2">
+      <h3 class="py-2 text-xl font-semibold op-75">Typedef</h3>
+      <div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
+        <ProjectItem
+          v-for="item in typedefPackages"
+          :key="item.name"
+          :item="item"
+        />
+      </div>
     </div>
   </div>
 </template>
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -6,8 +6,14 @@
 import { META } from './composables/constants'
 
 export default defineNuxtConfig({
+  compatibilityDate: '2024-12-23',
+
+  css: ['@unocss/reset/tailwind.css', '~/styles/vars.css', '~/styles/index.css'],
+
   app: {
     head: {
+      title: META.appName,
+      viewport: 'width=device-width, initial-scale=1, viewport-fit=cover',
       htmlAttrs: {
         lang: 'en',
       },
@@ -26,17 +32,16 @@ export default defineNuxtConfig({
         { content: META.appImage, property: 'og:image' },
         { content: META.appDescription, property: 'og:description' },
       ],
-      title: META.appName,
-      viewport: 'width=device-width, initial-scale=1, viewport-fit=cover',
     },
   },
 
-  compatibilityDate: '2024-11-26',
-
   components: {
     dirs: ['./components/home'],
   },
 
+  // Disable SSR when building
+  ssr: false,
+
   /**
    * @see {@link https://content.nuxt.com/get-started/configuration}
    */
@@ -49,8 +54,6 @@ export default defineNuxtConfig({
     },
   },
 
-  css: ['@unocss/reset/tailwind.css', '~/styles/vars.css', '~/styles/index.css'],
-
   devtools: {
     enabled: true,
   },
@@ -86,9 +89,17 @@ export default defineNuxtConfig({
   pwa: {
     base: '/',
     injectRegister: 'auto',
+    registerType: 'autoUpdate',
+    scope: '/',
     manifest: {
       background_color: '#ffffff',
       description: META.appDescription,
+      id: 'com.ntnyq.website',
+      name: META.appName,
+      orientation: 'landscape-primary',
+      protocol_handlers: [],
+      short_name: META.appName,
+      theme_color: '#000000',
       icons: [
         {
           sizes: '196x196',
@@ -106,15 +117,7 @@ export default defineNuxtConfig({
           type: 'image/png',
         },
       ],
-      id: 'com.ntnyq.website',
-      name: META.appName,
-      orientation: 'landscape-primary',
-      protocol_handlers: [],
-      short_name: META.appName,
-      theme_color: '#000000',
     },
-    registerType: 'autoUpdate',
-    scope: '/',
     workbox: {
       globPatterns: ['**/*.{js,css,html,png,jpg,jpeg,svg,ico,json,txt,ttf,woff,woff2}'],
       maximumFileSizeToCacheInBytes: 1024 * 1024 * 5,
@@ -128,7 +131,4 @@ export default defineNuxtConfig({
       ],
     },
   },
-
-  // Disable SSR when building
-  ssr: false,
 })
diff --git a/package.json b/package.json
@@ -3,7 +3,7 @@
   "type": "module",
   "version": "0.0.0",
   "private": true,
-  "packageManager": "pnpm@9.14.4",
+  "packageManager": "pnpm@9.15.1",
   "description": "ntnyq.com",
   "keywords": [],
   "scripts": {
@@ -21,33 +21,34 @@
   "dependencies": {
     "@nuxt/content": "^2.13.4",
     "@nuxt/image": "^1.8.1",
-    "@unocss/nuxt": "^0.65.0",
+    "@unocss/nuxt": "^0.65.2",
     "@vite-pwa/nuxt": "^0.10.6",
-    "@vueuse/nuxt": "^12.0.0",
+    "@vueuse/nuxt": "^12.2.0",
     "floating-vue": "^5.2.2",
     "nuxt": "^3.14.1592"
   },
   "devDependencies": {
-    "@iconify-json/fa-brands": "^1.2.0",
-    "@iconify-json/fluent-emoji-flat": "^1.2.1",
-    "@iconify-json/radix-icons": "^1.2.1",
-    "@iconify-json/ri": "^1.2.3",
-    "@ntnyq/eslint-config": "^3.7.2",
+    "@iconify-json/fa-brands": "^1.2.1",
+    "@iconify-json/fluent-emoji-flat": "^1.2.2",
+    "@iconify-json/radix-icons": "^1.2.2",
+    "@iconify-json/ri": "^1.2.5",
+    "@iconify-json/vscode-icons": "^1.2.6",
+    "@ntnyq/eslint-config": "^3.10.1",
     "@ntnyq/prettier-config": "^1.22.0",
-    "@nuxt/eslint": "^0.7.2",
+    "@nuxt/eslint": "^0.7.4",
     "@types/prompts": "^2.4.9",
-    "@unocss/reset": "^0.65.0",
-    "bumpp": "^9.8.1",
-    "consola": "^3.2.3",
-    "eslint": "^9.16.0",
+    "@unocss/reset": "^0.65.2",
+    "bumpp": "^9.9.2",
+    "consola": "^3.3.1",
+    "eslint": "^9.17.0",
     "husky": "^9.1.7",
     "nano-staged": "^0.8.0",
-    "npm-run-all2": "^7.0.1",
-    "prettier": "^3.4.1",
+    "npm-run-all2": "^7.0.2",
+    "prettier": "^3.4.2",
     "prompts": "^2.4.2",
     "tsx": "^4.19.2",
     "typescript": "^5.7.2",
-    "unocss": "^0.65.0",
+    "unocss": "^0.65.2",
     "vue-tsc": "^2.1.10",
     "workbox-build": "^7.3.0"
   },
@@ -56,7 +57,6 @@
       "typescript": "5.6.3"
     }
   },
-  "prettier": "@ntnyq/prettier-config",
   "nano-staged": {
     "*.{js,ts,mjs,cjs,vue,html,json,md,yml,yaml}": "eslint --fix"
   }