refactor: rename project files

contentlayer.config.ts

@@ -10,12 +10,8 @@ import {
 import { generateBase64Image } from './src/lib/server/utils'
 import { Hardware, Skill, Social, Software } from './src/types/content'
 
-// Computed fields
+// Common computed fields
 const computedFields: ComputedFields = {
-  slug: {
-    type: 'string',
-    resolve: (doc) => doc._raw.sourceFileName.replace(/\.mdx/, ''),
-  },
   thumbnailPlaceholder: {
     type: 'string',
     resolve: async (doc) => await generateBase64Image(doc.thumbnail),
@@ -70,6 +66,10 @@ const Post = defineDocumentType(() => ({
   },
   computedFields: {
     ...computedFields,
+    slug: {
+      type: 'string',
+      resolve: (doc) => doc._raw.sourceFileName.replace(/\.mdx/, ''),
+    },
     readTime: {
       type: 'number',
       resolve: (doc) => Math.ceil(doc.body.raw.split(' ').length / 200),
@@ -84,14 +84,37 @@ const Project = defineDocumentType(() => ({
   filePathPattern: `project/**/*.mdx`,
   contentType: 'mdx',
   fields: {
-    position: { type: 'number', required: true },
     title: { type: 'string', required: true },
     thumbnail: { type: 'string', required: true },
     description: { type: 'string', required: true },
     github: { type: 'string' },
     demo: { type: 'string' },
   },
-  computedFields,
+  computedFields: {
+    ...computedFields,
+    // 01-foo-bar.mdx -> 1
+    position: {
+      type: 'number',
+      resolve: (doc) =>
+        Number(
+          doc._raw.sourceFileName
+            .replace(/\.mdx/, '')
+            .split('-')
+            .slice(0, 1)
+            .toString(),
+        ),
+    },
+    // 01-foo-bar.mdx -> foo-bar
+    slug: {
+      type: 'string',
+      resolve: (doc) =>
+        doc._raw.sourceFileName
+          .replace(/\.mdx/, '')
+          .split('-')
+          .slice(1)
+          .join('-'),
+    },
+  },
 }))
 
 export default makeSource({

src/_content/project/image-gallery.mdx → src/_content/project/01-image-gallery.mdx

@@ -1,5 +1,4 @@
 ---
-position: 1
 title: Image Gallery
 description: Image gallery app to search your favorite image.
 thumbnail: /assets/project/image-gallery.png

src/_content/project/todo-list.mdx → src/_content/project/02-todo-list.mdx

@@ -1,5 +1,4 @@
 ---
-position: 2
 title: Todo List
 description: Todo list app to manage your activities.
 thumbnail: /assets/project/todo-list.png

src/_content/project/e-voting.mdx → src/_content/project/03-e-voting.mdx

@@ -1,5 +1,4 @@
 ---
-position: 3
 title: E-Voting
 description: E-Voting app to choose your choice.
 thumbnail: /assets/project/e-voting.png

src/_content/project/gift-store-landing-page.mdx → src/_content/project/04-gift-store-landing-page.mdx

@@ -1,5 +1,4 @@
 ---
-position: 4
 title: Gift Store Landing Page
 description: Simple landing page sliced from figma design.
 thumbnail: /assets/project/gift-store-landing-page.png

src/_content/project/pengaduan-sekolah.mdx → src/_content/project/05-pengaduan-sekolah.mdx

@@ -1,5 +1,4 @@
 ---
-position: 5
 title: Pengaduan Sekolah
 description: Pengaduan sekolah is an app for sent complaint to your school.
 thumbnail: /assets/project/pengaduan-sekolah.png

src/_content/project/next-chakra-starter.mdx → src/_content/project/06-next-chakra-starter.mdx

@@ -1,5 +1,4 @@
 ---
-position: 6
 title: Next.js Chakra Starter
 description: An opinionated simple starter / template project with Next.js and Chakra UI.
 thumbnail: /assets/project/next-chakra-starter.png

src/_content/project/bed-covid-rs-indonesia.mdx → src/_content/project/07-bed-covid-rs-indonesia.mdx

@@ -1,5 +1,4 @@
 ---
-position: 7
 title: Bed Covid RS Indonesia
 description: A website that provides information regarding the availability of hospitals and hospital beds for covid-19 or non-covid patients in Indonesia.
 thumbnail: /assets/project/bed-covid-rs-indonesia.png

src/_content/project/rpl-skandakra-website.mdx → src/_content/project/08-rpl-skandakra-website.mdx

@@ -1,5 +1,4 @@
 ---
-position: 8
 title: RPL Skandakra Dev Website
 description: An official website for RPL Skandakra Dev Community.
 thumbnail: /assets/project/rpl-skandakra-dev-website.png

src/_content/project/rpl-skandakra-bot.mdx → src/_content/project/09-rpl-skandakra-bot.mdx

@@ -1,5 +1,4 @@
 ---
-position: 9
 title: RPL Skandakra Bot
 description: A bot for help moderation in RPL Skandakra Discord Server.
 thumbnail: /assets/project/rpl-skandakra-bot.png

src/_content/project/vlr-api.mdx → src/_content/project/10-vlr-api.mdx

@@ -1,5 +1,4 @@
 ---
-position: 10
 title: Vlr API
 description: Unofficial Valorant match API from https://vlr.gg site.
 thumbnail: /assets/project/vlr-api.png

src/_content/project/fitcells.mdx → src/_content/project/11-fitcells.mdx

@@ -1,5 +1,4 @@
 ---
-position: 12
 title: Fit.Cells
 description: An app for booking gym, class, and trainer.
 thumbnail: /assets/project/fitcells.png

src/_content/project/tuut.mdx → src/_content/project/12-tuut.mdx

@@ -1,5 +1,4 @@
 ---
-position: 13
 title: Tuut
 description: An app for booking class and tutor.
 thumbnail: /assets/project/tuut.png

src/_content/project/gelora.mdx → src/_content/project/13-gelora.mdx

@@ -1,5 +1,4 @@
 ---
-position: 14
 title: Gelora
 description: An app for booking field and activity.
 thumbnail: /assets/project/gelora.png

src/_content/project/gilbot.mdx → src/_content/project/14-gilbot.mdx

@@ -1,5 +1,4 @@
 ---
-position: 11
 title: GilBot
 description: WhatsApp bot for any needs.
 thumbnail: /assets/project/gilbot.png