fix: ci

Author: tobimori

eslint.config.mjs

@@ -20,16 +20,19 @@ export default [
 			"vue/multi-word-component-names": "off",
 			"vue/require-default-prop": "off",
 			"vue/require-prop-types": "error",
-			"no-unused-vars": ["error", { "argsIgnorePattern": "^_", "varsIgnorePattern": "^props$" }],
+			"no-unused-vars": [
+				"error",
+				{ argsIgnorePattern: "^_", varsIgnorePattern: "^props$" },
+			],
 		},
 		languageOptions: {
 			ecmaVersion: 2022,
 			globals: {
 				window: "readonly",
 				document: "readonly",
 				console: "readonly",
-				panel: "readonly"
-			}
+				panel: "readonly",
+			},
 		},
 	},
 ];

src/components/field-header.vue

@@ -1,6 +1,6 @@
 <script setup>
 import Editable from "@/components/editable.vue"
-import { useSyncedSlug } from "@/utils/useSyncedSlug"
+import { useSyncedSlug } from "@/utils/use-synced-slug"
 
 const props = defineProps({
 	content: Object,
@@ -15,7 +15,7 @@ const update = (value) => emit("update", { ...props.content, ...value })
 // use the composable for key syncing
 const { handleManualInput } = useSyncedSlug({
 	initialValue: props.content?.key,
-	syncField: 'label',
+	syncField: "label",
 	syncSource: props.content,
 	onUpdate: (value) => update({ key: value })
 })

src/fields/field-slug-field.vue

@@ -12,7 +12,7 @@ import {
 	name,
 	required
 } from "kirbyuse/props"
-import { useSyncedSlug } from "@/utils/useSyncedSlug"
+import { useSyncedSlug } from "@/utils/use-synced-slug"
 
 const props = defineProps({
 	formData: {
@@ -71,9 +71,12 @@ const fieldProps = computed(() => {
 })
 
 // sync external value changes
-watch(() => props.value, (newValue) => {
-	slug.value = newValue || ""
-})
+watch(
+	() => props.value,
+	(newValue) => {
+		slug.value = newValue || ""
+	}
+)
 
 const input = ref(null)
 

src/utils/block.js

@@ -1,12 +1,12 @@
-import { disabled, id, section } from "kirbyuse/props";
+import { disabled, id, section } from "kirbyuse/props"
 
 export const props = {
 	fieldset: section.fieldset,
 	...disabled,
 	...id,
 	endpoints: {
 		default: () => ({}),
-		type: [Array, Object],
+		type: [Array, Object]
 	},
-	content: Object,
-};
+	content: Object
+}

src/utils/date.js

@@ -1,22 +1,22 @@
 export function formatDate(timestamp) {
-	const locale = window.panel.user.language;
-	const rtf = new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
+	const locale = window.panel.user.language
+	const rtf = new Intl.RelativeTimeFormat(locale, { numeric: "auto" })
 
-	const diff = (Date.now() - timestamp * 1000) / 1000;
+	const diff = (Date.now() - timestamp * 1000) / 1000
 	const units = [
 		{ unit: "year", seconds: 365 * 24 * 60 * 60 },
 		{ unit: "month", seconds: 30 * 24 * 60 * 60 },
 		{ unit: "day", seconds: 24 * 60 * 60 },
 		{ unit: "hour", seconds: 60 * 60 },
-		{ unit: "minute", seconds: 60 },
-	];
+		{ unit: "minute", seconds: 60 }
+	]
 
 	for (const { unit, seconds } of units) {
-		const value = Math.floor(diff / seconds);
+		const value = Math.floor(diff / seconds)
 		if (value > 0) {
-			return rtf.format(0 - value, unit);
+			return rtf.format(0 - value, unit)
 		}
 	}
 
-	return window.panel.$t("dreamform.justNow");
+	return window.panel.$t("dreamform.justNow")
 }

src/utils/useSyncedSlug.js renamed to src/utils/use-synced-slug.js

@@ -5,8 +5,8 @@ import {
 	useApp,
 	useContent,
 	usePanel,
-	watch,
-} from "kirbyuse";
+	watch
+} from "kirbyuse"
 
 /**
  * Composable for syncing slug values with auto-generation and uniqueness
@@ -22,34 +22,34 @@ export function useSyncedSlug({
 	initialValue,
 	syncField,
 	syncSource,
-	onUpdate,
+	onUpdate
 }) {
-	const app = useApp();
-	const panel = usePanel();
-	const { currentContent } = useContent();
+	const app = useApp()
+	const panel = usePanel()
+	const { currentContent } = useContent()
 
-	const slug = ref(initialValue || "");
-	const shouldAutoGenerate = ref(!initialValue);
+	const slug = ref(initialValue || "")
+	const shouldAutoGenerate = ref(!initialValue)
 
 	// stop auto-generation on publish
 	const handlePublish = () => {
 		if (slug.value) {
-			shouldAutoGenerate.value = false;
+			shouldAutoGenerate.value = false
 		}
-	};
+	}
 
 	onMounted(() => {
-		panel.events.on("content.publish", handlePublish);
-	});
+		panel.events.on("content.publish", handlePublish)
+	})
 
 	onUnmounted(() => {
-		panel.events.off("content.publish", handlePublish);
-	});
+		panel.events.off("content.publish", handlePublish)
+	})
 
 	// get all existing keys from the current content
 	const getExistingKeys = () => {
-		const keys = [];
-		const content = currentContent.value;
+		const keys = []
+		const content = currentContent.value
 
 		if (content?.fields && Array.isArray(content.fields)) {
 			// iterate through all field layouts
@@ -59,61 +59,61 @@ export function useSyncedSlug({
 						if (column.blocks && Array.isArray(column.blocks)) {
 							column.blocks.forEach((block) => {
 								// check if this block has a key field
-								const key = block.content?.key;
+								const key = block.content?.key
 								if (key && key !== slug.value) {
-									keys.push(key);
+									keys.push(key)
 								}
-							});
+							})
 						}
-					});
+					})
 				}
-			});
+			})
 		}
 
-		return keys;
-	};
+		return keys
+	}
 
 	// ensure slug is unique by adding suffix if needed
 	const ensureUniqueSlug = (baseSlug) => {
-		const existingKeys = getExistingKeys();
-		let uniqueSlug = baseSlug;
-		let counter = 2;
+		const existingKeys = getExistingKeys()
+		let uniqueSlug = baseSlug
+		let counter = 2
 
 		while (existingKeys.includes(uniqueSlug)) {
-			uniqueSlug = `${baseSlug}_${counter}`;
-			counter++;
+			uniqueSlug = `${baseSlug}_${counter}`
+			counter++
 		}
 
-		return uniqueSlug;
-	};
+		return uniqueSlug
+	}
 
 	// watch for sync field changes
 	if (syncField && syncSource) {
 		watch(
 			() => syncSource[syncField],
 			(newValue) => {
 				if (shouldAutoGenerate.value && newValue) {
-					const baseSlug = app.$helper.slug(newValue);
-					const uniqueSlug = ensureUniqueSlug(baseSlug);
-					slug.value = uniqueSlug;
-					onUpdate?.(uniqueSlug);
+					const baseSlug = app.$helper.slug(newValue)
+					const uniqueSlug = ensureUniqueSlug(baseSlug)
+					slug.value = uniqueSlug
+					onUpdate?.(uniqueSlug)
 				}
 			},
-			{ immediate: true },
-		);
+			{ immediate: true }
+		)
 	}
 
 	// handle manual input
 	const handleManualInput = (value) => {
 		// disable auto-generation when user manually edits
-		shouldAutoGenerate.value = false;
-		slug.value = value;
-		onUpdate?.(value);
-	};
+		shouldAutoGenerate.value = false
+		slug.value = value
+		onUpdate?.(value)
+	}
 
 	return {
 		slug,
 		shouldAutoGenerate,
-		handleManualInput,
-	};
+		handleManualInput
+	}
 }