Fix eslint errors

StackSurfer · Dec 21, 2023 · b2516cf · b2516cf
1 parent b798a98
commit b2516cf
Show file tree

Hide file tree

Showing 109 changed files with 5,615 additions and 5,615 deletions.
diff --git a/app.vue b/app.vue
@@ -13,31 +13,31 @@
 
 <script>
 export default {
-	setup() {
-		const dialog = useDialog();
+  setup() {
+    const dialog = useDialog();
 
-		function handleDialogOnBackdrop() {
-			return dialog.value?.triggerPrimaryActionOnBackdropClick;
-		}
+    function handleDialogOnBackdrop() {
+      return dialog.value?.triggerPrimaryActionOnBackdropClick;
+    }
 
-		const user = useUser();
-		const cookie_user = useCookie('user');
-		user.value = cookie_user.value ?? null;
+    const user = useUser();
+    const cookie_user = useCookie('user');
+    user.value = cookie_user.value ?? null;
 
-		const session = useSession();
-		const cookie_session = useCookie('session');
-		session.value = cookie_session.value ?? null;
+    const session = useSession();
+    const cookie_session = useCookie('session');
+    session.value = cookie_session.value ?? null;
 
-		const accessToken = useAccessToken();
-		const cookie_accessToken = useCookie('accessToken');
-		accessToken.value = cookie_accessToken.value ?? '';
+    const accessToken = useAccessToken();
+    const cookie_accessToken = useCookie('accessToken');
+    accessToken.value = cookie_accessToken.value ?? '';
 
-		const refreshToken = useRefreshToken();
-		const cookie_refreshToken = useCookie('refreshToken');
-		refreshToken.value = cookie_refreshToken.value ?? '';
+    const refreshToken = useRefreshToken();
+    const cookie_refreshToken = useCookie('refreshToken');
+    refreshToken.value = cookie_refreshToken.value ?? '';
 
-		return { dialog, handleDialogOnBackdrop };
-	},
+    return { dialog, handleDialogOnBackdrop };
+  },
 };
 </script>
 

diff --git a/components/Btn.vue b/components/Btn.vue
@@ -9,50 +9,50 @@
 import { defineComponent } from 'vue';
 
 export default defineComponent({
-	props: {
-		full: { type: Boolean, default: false },
-		sm: { type: Boolean, default: false },
-		md: { type: Boolean, default: true },
-		lg: { type: Boolean, default: false },
-		primary: { type: Boolean, default: true },
-		secondary: { type: Boolean, default: false },
-		tertiary: { type: Boolean, default: false },
-		icon: { default: null },
-		iconRight: { type: Boolean, default: false },
-		bgColor: { type: String, default: 'bg-accent' },
-		borderColor: { type: String, default: 'border-accent' },
-	},
-	emits: ['click'],
-	setup(props, { emit }) {
-		function onclick() {
-			emit('click', true);
-		}
+  props: {
+    full: { type: Boolean, default: false },
+    sm: { type: Boolean, default: false },
+    md: { type: Boolean, default: true },
+    lg: { type: Boolean, default: false },
+    primary: { type: Boolean, default: true },
+    secondary: { type: Boolean, default: false },
+    tertiary: { type: Boolean, default: false },
+    icon: { default: null },
+    iconRight: { type: Boolean, default: false },
+    bgColor: { type: String, default: 'bg-accent' },
+    borderColor: { type: String, default: 'border-accent' },
+  },
+  emits: ['click'],
+  setup(props, { emit }) {
+    function onclick() {
+      emit('click', true);
+    }
 
-		const textColor = computed(() => {
-			return props.bgColor.includes('warning') ? 'text-primary' : 'text-white';
-		});
-		const classes = computed(() => {
-			return [
-				{
-					lg: props.lg,
-					md: props.md && !props.lg && !props.sm,
-					sm: props.sm,
-					'flex-row-reverse': props.iconRight,
-					'text-center justify-center w-full': props.full,
-				},
-				props.primary && !props.secondary && !props.tertiary
-					? `primary ${props.bgColor} text-primary hover:${props.bgColor} border ${props.borderColor} hover:ring-4 md:hover:ring-8 hover:ring-tertiary`
-					: '',
-				props.secondary
-					? `secondary bg-transparent text-heading hover:bg-transparent border ${props.borderColor} hover:ring-4 md:hover:ring-8 hover:ring-tertiary`
-					: '',
-				props.tertiary
-					? "tertiary bg-transparent text-heading hover:bg-transparent hover:scale-105 border border-transparent hover:ring-4 md:hover:ring-8 hover:ring-transparent"
-					: '',
-			];
-		});
-		return { classes, onclick };
-	},
+    const textColor = computed(() => {
+      return props.bgColor.includes('warning') ? 'text-primary' : 'text-white';
+    });
+    const classes = computed(() => {
+      return [
+        {
+          lg: props.lg,
+          md: props.md && !props.lg && !props.sm,
+          sm: props.sm,
+          'flex-row-reverse': props.iconRight,
+          'text-center justify-center w-full': props.full,
+        },
+        props.primary && !props.secondary && !props.tertiary
+          ? `primary ${props.bgColor} text-primary hover:${props.bgColor} border ${props.borderColor} hover:ring-4 md:hover:ring-8 hover:ring-tertiary`
+          : '',
+        props.secondary
+          ? `secondary bg-transparent text-heading hover:bg-transparent border ${props.borderColor} hover:ring-4 md:hover:ring-8 hover:ring-tertiary`
+          : '',
+        props.tertiary
+          ? "tertiary bg-transparent text-heading hover:bg-transparent hover:scale-105 border border-transparent hover:ring-4 md:hover:ring-8 hover:ring-transparent"
+          : '',
+      ];
+    });
+    return { classes, onclick };
+  },
 });
 </script>
 <style scoped>

diff --git a/components/Chip.vue b/components/Chip.vue
@@ -14,60 +14,60 @@
 import { defineComponent } from 'vue';
 
 export default defineComponent({
-	props: {
-		xs: { type: Boolean, default: false },
-		sm: { type: Boolean, default: true },
-		md: { type: Boolean, default: false },
-		lg: { type: Boolean, default: false },
-		icon: { default: null },
-		iconRight: { type: Boolean, default: false },
-		color: { type: String, default: '' },
-	},
-	emits: ['click', 'iconClick'],
-	setup(props, { emit }) {
-		function onclick() {
-			emit('click', true);
-		}
+  props: {
+    xs: { type: Boolean, default: false },
+    sm: { type: Boolean, default: true },
+    md: { type: Boolean, default: false },
+    lg: { type: Boolean, default: false },
+    icon: { default: null },
+    iconRight: { type: Boolean, default: false },
+    color: { type: String, default: '' },
+  },
+  emits: ['click', 'iconClick'],
+  setup(props, { emit }) {
+    function onclick() {
+      emit('click', true);
+    }
 
-		const chipColor = computed(() => {
-			let colors = [
-				'chip-color-1',
-				'chip-color-2',
-				'chip-color-3',
-				'chip-color-4',
-				'chip-color-5',
-				'chip-color-6',
-				'chip-color-7',
-				'chip-color-8',
-				'chip-color-9',
-				'chip-color-10',
-				'chip-color-11',
-				'chip-color-12',
-			];
+    const chipColor = computed(() => {
+      let colors = [
+        'chip-color-1',
+        'chip-color-2',
+        'chip-color-3',
+        'chip-color-4',
+        'chip-color-5',
+        'chip-color-6',
+        'chip-color-7',
+        'chip-color-8',
+        'chip-color-9',
+        'chip-color-10',
+        'chip-color-11',
+        'chip-color-12',
+      ];
 
-			return (props.color)
-				? props.color
-				: colors[getRandomNumber(0, colors.length - 1)];
-		});
+      return (props.color)
+        ? props.color
+        : colors[getRandomNumber(0, colors.length - 1)];
+    });
 
-		const classes = computed(() => {
-			return [
-				{
-					lg: props.lg,
-					md: props.md,
-					sm: props.sm && !props.lg && !props.md && !props.xs,
-					xs: props.xs,
-					'flex-row-reverse': props.iconRight,
-				},
-				chipColor.value,
-			];
-		});
+    const classes = computed(() => {
+      return [
+        {
+          lg: props.lg,
+          md: props.md,
+          sm: props.sm && !props.lg && !props.md && !props.xs,
+          xs: props.xs,
+          'flex-row-reverse': props.iconRight,
+        },
+        chipColor.value,
+      ];
+    });
 
-		function onclickIcon() {
-			emit('iconClick', true);
-		}
-		return { classes, onclick, onclickIcon };
-	},
+    function onclickIcon() {
+      emit('iconClick', true);
+    }
+    return { classes, onclick, onclickIcon };
+  },
 });
 </script>
 <style scoped>

diff --git a/components/Dialog.vue b/components/Dialog.vue
@@ -54,51 +54,51 @@ import type { PropType } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 export default defineComponent({
-	props: {
-		dialog: { type: Object as PropType<any>, default: null },
-	},
-	setup(props) {
-		const { t } = useI18n();
+  props: {
+    dialog: { type: Object as PropType<any>, default: null },
+  },
+  setup(props) {
+    const { t } = useI18n();
 
-		const type = computed(() => {
-			return props.dialog?.type ?? 'info';
-		});
+    const type = computed(() => {
+      return props.dialog?.type ?? 'info';
+    });
 
-		const theme = computed(() => {
-			return getTheme(type.value);
-		});
+    const theme = computed(() => {
+      return getTheme(type.value);
+    });
 
-		const heading = computed(() => {
-			return props.dialog?.heading ?? '';
-		});
+    const heading = computed(() => {
+      return props.dialog?.heading ?? '';
+    });
 
-		const body = computed(() => {
-			return props.dialog?.body ?? '';
-		});
+    const body = computed(() => {
+      return props.dialog?.body ?? '';
+    });
 
-		const primaryBtn = computed(() => {
-			return {
-				label: props.dialog?.primaryBtn?.label ?? '',
-				onclick: props.dialog.primaryBtn.onclick,
-			};
-		});
+    const primaryBtn = computed(() => {
+      return {
+        label: props.dialog?.primaryBtn?.label ?? '',
+        onclick: props.dialog.primaryBtn.onclick,
+      };
+    });
 
-		const secondaryBtn = computed(() => {
-			return {
-				label: props.dialog?.secondaryBtn?.label ?? '',
-				onclick: props.dialog.secondaryBtn.onclick,
-			};
-		});
+    const secondaryBtn = computed(() => {
+      return {
+        label: props.dialog?.secondaryBtn?.label ?? '',
+        onclick: props.dialog.secondaryBtn.onclick,
+      };
+    });
 
-		return {
-			t,
-			theme,
-			heading,
-			body,
-			primaryBtn,
-			secondaryBtn,
-		};
-	},
+    return {
+      t,
+      theme,
+      heading,
+      body,
+      primaryBtn,
+      secondaryBtn,
+    };
+  },
 });
 </script>
 

diff --git a/components/IconText.vue b/components/IconText.vue
@@ -19,28 +19,28 @@
 import { defineComponent } from 'vue';
 
 export default defineComponent({
-	props: {
-		sm: { type: Boolean, default: false },
-		md: { type: Boolean, default: true },
-		lg: { type: Boolean, default: false },
-		icon: { default: null },
-		highlightLabel: { type: Boolean, default: false },
-		highlightIcon: { type: Boolean, default: false },
-		labelColor: { type: String, default: 'text-subheading' },
-		iconColor: { type: String, default: 'text-subheading' },
-		fill: { type: String, default: 'fill-subheading' },
-	},
-	setup(props) {
-		const classes = computed(() => {
-			return {
-				lg: props.lg,
-				md: props.md && !props.lg && !props.sm,
-				sm: props.sm,
-			};
-		});
+  props: {
+    sm: { type: Boolean, default: false },
+    md: { type: Boolean, default: true },
+    lg: { type: Boolean, default: false },
+    icon: { default: null },
+    highlightLabel: { type: Boolean, default: false },
+    highlightIcon: { type: Boolean, default: false },
+    labelColor: { type: String, default: 'text-subheading' },
+    iconColor: { type: String, default: 'text-subheading' },
+    fill: { type: String, default: 'fill-subheading' },
+  },
+  setup(props) {
+    const classes = computed(() => {
+      return {
+        lg: props.lg,
+        md: props.md && !props.lg && !props.sm,
+        sm: props.sm,
+      };
+    });
 
-		return { classes };
-	},
+    return { classes };
+  },
 });
 </script>