feat: add strategy setting for post slug generation

console/src/composables/use-slugify.ts

@@ -1,7 +1,7 @@
 import { slugify } from "transliteration";
 import { watch, type Ref } from "vue";
 import ShortUniqueId from "short-unique-id";
-import type { ModeType } from "@/types/slug";
+import type { FormType, ModeType } from "@/types/slug";
 import { useGlobalInfoStore } from "@/stores/global-info";
 const uid = new ShortUniqueId();
 const Strategy = {
@@ -22,10 +22,9 @@ const Strategy = {
     return new Date().getTime().toString();
   },
 };
-type FormType = "TAGS" | "CATEGORIES" | "POSTS" | "SINGLEPAGES";
+
 const onceList = ["shortUUID", "UUID", "timestamp"];
 
-const onlyGenerateNameByTileList = ["TAGS", "CATEGORIES", "SINGLEPAGES"];
 export default function useSlugify(
   source: Ref<string>,
   target: Ref<string>,
@@ -40,16 +39,12 @@ export default function useSlugify(
       }
     }
   );
-  const isOnlyGenerateBytile = (formType: FormType) => {
-    return onlyGenerateNameByTileList.includes(formType);
-  };
+
   const handleGenerateSlug = (forceUpdate = false, formType: FormType) => {
     const globalInfoStore = useGlobalInfoStore();
     const mode: ModeType = globalInfoStore.globalInfo
       ?.postSlugGenerationStrategy as ModeType;
-    const flag = isOnlyGenerateBytile(formType);
-
-    if (flag) {
+    if (formType != "Post") {
       target.value = Strategy["generateByTitle"](source.value);
       return;
     }

console/src/modules/contents/pages/components/SinglePageSettingModal.vue

@@ -19,6 +19,7 @@ import AnnotationsForm from "@/components/form/AnnotationsForm.vue";
 import useSlugify from "@/composables/use-slugify";
 import { useI18n } from "vue-i18n";
 import { usePageUpdateMutate } from "../composables/use-page-update-mutate";
+import { FormType } from "@/types/slug";
 
 const initialFormState: SinglePage = {
   spec: {
@@ -278,7 +279,7 @@ const { handleGenerateSlug } = useSlugify(
     },
   }),
   computed(() => !isUpdateMode.value),
-  "SINGLEPAGES"
+  FormType.SINGLE_PAGE
 );
 </script>
 
@@ -332,7 +333,7 @@ const { handleGenerateSlug } = useSlugify(
                     $t('core.page.settings.fields.slug.refresh_message')
                   "
                   class="group flex h-full cursor-pointer items-center border-l px-3 transition-all hover:bg-gray-100"
-                  @click="handleGenerateSlug(true, 'SINGLEPAGES')"
+                  @click="handleGenerateSlug(true, FormType.SINGLE_PAGE)"
                 >
                   <IconRefreshLine
                     class="h-4 w-4 text-gray-500 group-hover:text-gray-700"

console/src/modules/contents/posts/categories/components/CategoryEditingModal.vue

@@ -24,6 +24,7 @@ import { useThemeCustomTemplates } from "@/modules/interface/themes/composables/
 import AnnotationsForm from "@/components/form/AnnotationsForm.vue";
 import useSlugify from "@/composables/use-slugify";
 import { useI18n } from "vue-i18n";
+import { FormType } from "@/types/slug";
 
 const props = withDefaults(
   defineProps<{
@@ -200,7 +201,7 @@ const { handleGenerateSlug } = useSlugify(
     },
   }),
   computed(() => !isUpdateMode.value),
-  "CATEGORIES"
+  FormType.CATEGORY
 );
 </script>
 <template>
@@ -261,7 +262,7 @@ const { handleGenerateSlug } = useSlugify(
                     )
                   "
                   class="group flex h-full cursor-pointer items-center border-l px-3 transition-all hover:bg-gray-100"
-                  @click="handleGenerateSlug(true, 'CATEGORIES')"
+                  @click="handleGenerateSlug(true, FormType.CATEGORY)"
                 >
                   <IconRefreshLine
                     class="h-4 w-4 text-gray-500 group-hover:text-gray-700"

console/src/modules/contents/posts/components/PostSettingModal.vue

@@ -19,6 +19,7 @@ import { submitForm } from "@formkit/core";
 import useSlugify from "@/composables/use-slugify";
 import { useI18n } from "vue-i18n";
 import { usePostUpdateMutate } from "../composables/use-post-update-mutate";
+import { FormType } from "@/types/slug";
 
 const initialFormState: Post = {
   spec: {
@@ -241,7 +242,7 @@ const { handleGenerateSlug } = useSlugify(
     },
   }),
   computed(() => !isUpdateMode.value),
-  "POSTS"
+  FormType.POST
 );
 </script>
 <template>
@@ -294,7 +295,7 @@ const { handleGenerateSlug } = useSlugify(
                     $t('core.post.settings.fields.slug.refresh_message')
                   "
                   class="group flex h-full cursor-pointer items-center border-l px-3 transition-all hover:bg-gray-100"
-                  @click="handleGenerateSlug(true, 'POSTS')"
+                  @click="handleGenerateSlug(true, FormType.POST)"
                 >
                   <IconRefreshLine
                     class="h-4 w-4 text-gray-500 group-hover:text-gray-700"

console/src/modules/contents/posts/tags/components/TagEditingModal.vue

@@ -25,6 +25,7 @@ import { setFocus } from "@/formkit/utils/focus";
 import AnnotationsForm from "@/components/form/AnnotationsForm.vue";
 import useSlugify from "@/composables/use-slugify";
 import { useI18n } from "vue-i18n";
+import { FormType } from "@/types/slug";
 
 const props = withDefaults(
   defineProps<{
@@ -159,7 +160,7 @@ const { handleGenerateSlug } = useSlugify(
     },
   }),
   computed(() => !isUpdateMode.value),
-  "TAGS"
+  FormType.TAG
 );
 </script>
 <template>
@@ -221,7 +222,7 @@ const { handleGenerateSlug } = useSlugify(
                     )
                   "
                   class="group flex h-full cursor-pointer items-center border-l px-3 transition-all hover:bg-gray-100"
-                  @click="handleGenerateSlug(true, 'TAGS')"
+                  @click="handleGenerateSlug(true, FormType.TAG)"
                 >
                   <IconRefreshLine
                     class="h-4 w-4 text-gray-500 group-hover:text-gray-700"

console/src/types/slug.ts

@@ -1 +1,7 @@
 export type ModeType = "UUID" | "shortUUID" | "timestamp" | "generateByTitle";
+export enum FormType {
+  TAG = "Tag",
+  CATEGORY = "Category",
+  POST = "Post",
+  SINGLE_PAGE = "SinglePage",
+}