lint again

Author: bryantgillespie

app.vue

@@ -2,7 +2,7 @@
 useServerHead({
 	htmlAttrs: { lang: 'en-US' },
 	meta: [
-		{ charset: 'UTF-8' },
+		{ charset: 'utf8' },
 		{ property: 'og:type', content: 'website' },
 		{ property: 'og:url', content: 'https://directus.io/' },
 	],

components/Base/CheckboxGroup.vue

@@ -20,9 +20,7 @@ const emit = defineEmits(['update:modelValue']);
 const updateValue = (value: string) => {
 	const currentValue = props.modelValue || [];
 	const index = currentValue.indexOf(value);
-	let newValue;
-
-	newValue = index === -1 ? [...currentValue, value] : currentValue.filter((v) => v !== value);
+	const newValue = index === -1 ? [...currentValue, value] : currentValue.filter((v) => v !== value);
 
 	emit('update:modelValue', newValue);
 };

components/Base/HsForm.vue

@@ -24,7 +24,7 @@ const { formId } = toRefs(props);
 const { $directus, $readSingleton, $posthog } = useNuxtApp();
 
 declare global {
-	// eslint-disable-next-line no-var
+	/* eslint-disable-next-line no-var, vars-on-top */
 	var hbspt: any;
 }
 
@@ -74,6 +74,8 @@ function routeToMeetingLinkCallback(form: any, data: any) {
 	}
 }
 
+const generatedId = computed(() => `hs-form-${unref(formId)}${props.instanceId ? `-${props.instanceId}` : ''}`);
+
 const renderHsForm = () => {
 	window.hbspt?.forms.create({
 		region: 'na1',
@@ -84,8 +86,6 @@ const renderHsForm = () => {
 	});
 };
 
-const generatedId = computed(() => `hs-form-${unref(formId)}${props.instanceId ? `-${props.instanceId}` : ''}`);
-
 const { theme } = useTheme();
 
 onLoaded(renderHsForm);

components/Base/TypeForm.vue

@@ -16,7 +16,7 @@ const props = withDefaults(defineProps<BaseHsFormProps>(), {
 const { formId } = toRefs(props);
 
 const renderTypeForm = () => {
-	// @ts-ignore -- Typeform is not typed
+	// @ts-expect-error -- Typeform is not typed
 	window.tf?.createWidget(unref(formId), {});
 };
 

components/Block/Button.vue

@@ -36,6 +36,8 @@ const href = computed(() => {
 	if (blockData?.resource?.slug && blockData?.resource?.type?.slug) {
 		return `/${blockData.resource.type.slug}/${blockData.resource.slug}`;
 	}
+
+	return null;
 });
 </script>
 

components/Block/CardGroupDynamic.vue

@@ -35,7 +35,7 @@ watch(activeTab, () => (page.value = 1));
 
 watch(page, (newVal, oldVal) => {
 	if (newVal !== oldVal) {
-		document.getElementById(`block-${props.uuid}`)?.scrollIntoView({ behavior: 'smooth', block: 'start' });
+		document.querySelector(`#block-${props.uuid}`)?.scrollIntoView({ behavior: 'smooth', block: 'start' });
 		router.replace({ query: { ...route.query, page: newVal } });
 	}
 });
@@ -57,7 +57,7 @@ const { data: cards, pending } = await useAsyncData(
 	async () => {
 		const context = unref(block);
 
-		if (!context) throw undefined;
+		if (!context) return [];
 
 		switch (context.collection) {
 			case 'team': {
@@ -155,7 +155,7 @@ const { data: count } = await useAsyncData(
 	() => {
 		const context = unref(block);
 
-		if (!context) return Promise.reject();
+		if (!context) return Promise.reject(new Error('No context'));
 
 		return $directus.request(
 			$aggregate(context.collection, {

components/Block/Directory.vue

@@ -29,7 +29,7 @@ const { data: cards } = await useAsyncData(
 	async () => {
 		const context = unref(block);
 
-		if (!context) throw undefined;
+		if (!context) return [];
 
 		const items = await $directus.request(
 			$readItems(context.collection, {

components/LogoTicker.vue

@@ -10,7 +10,7 @@ const props = defineProps<{
 
 <template>
 	<div class="block-logocloud-ticker">
-		<Vue3Marquee :clone="true" :duration="30">
+		<Vue3Marquee clone :duration="30">
 			<div class="logo-container">
 				<BaseDirectusImage
 					v-for="logo in props.logos"

components/ResourcePage.vue

@@ -189,7 +189,7 @@ const related = computed(() => {
 			<BaseVideo
 				:url="resource.video.url ?? undefined"
 				:uuid="(resource.video.file as string) ?? undefined"
-				:controls="true"
+				controls
 			/>
 		</div>
 	</PageSection>

components/Tv/TVCategory.vue

@@ -12,18 +12,18 @@ const leftLimit = ref(true);
 function determineScrollLimits() {
 	const s = scroller.value;
 	canScroll.value = s.clientWidth < s.scrollWidth;
-	leftLimit.value = s.scrollLeft == 0;
-	rightLimit.value = s.scrollWidth - Math.round(s.scrollLeft) == s.offsetWidth;
+	leftLimit.value = s.scrollLeft === 0;
+	rightLimit.value = s.scrollWidth - Math.round(s.scrollLeft) === s.offsetWidth;
 }
 
 function scroll(val) {
 	const showWidth = Number.parseInt(getComputedStyle(scroller.value.children[0]).getPropertyValue('width'));
 
-	if (val == 'right') {
+	if (val === 'right') {
 		scroller.value.scrollLeft += showWidth;
 	}
 
-	if (val == 'left') {
+	if (val === 'left') {
 		scroller.value.scrollLeft -= showWidth;
 	}
 }