fix: format SfSelect component (#2747)

vuestorefront · May 26, 2023 · 0ab7b39 · 0ab7b39
1 parent 5b9573c
commit 0ab7b39
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 11 deletions.
diff --git a/.changeset/nine-flowers-hunt.md b/.changeset/nine-flowers-hunt.md
@@ -0,0 +1,6 @@
+---
+'@storefront-ui/react': patch
+'@storefront-ui/vue': patch
+---
+
+Format SfSelect component, removal of extra unecessary lines
diff --git a/packages/sfui/frameworks/react/components/SfSelect/SfSelect.tsx b/packages/sfui/frameworks/react/components/SfSelect/SfSelect.tsx
@@ -22,17 +22,12 @@ export default function SfSelect(props: SfSelectProps) {
     ...attributes
   } = props;
   const { isFocusVisible } = useFocusVisible();
-
   const [chevronRotated, setChevronRotated] = useState(false);
 
   const rotateUp = () => setChevronRotated(true);
-
   const rotateDown = () => setChevronRotated(false);
-
   const keydownHandler = (event: KeyboardEvent<HTMLSelectElement>) => {
-    if (event.code === 'Space') {
-      rotateUp();
-    }
+    if (event.code === 'Space') rotateUp();
   };
 
   return (

diff --git a/packages/sfui/frameworks/vue/components/SfSelect/SfSelect.vue b/packages/sfui/frameworks/vue/components/SfSelect/SfSelect.vue
@@ -37,18 +37,16 @@ const props = defineProps({
     default: '',
   },
 });
-
-const selected = ref(props.value);
-const chevronRotated = ref(false);
 const emit = defineEmits<{
   (event: 'update:modelValue', param: string): void;
 }>();
+
+const selected = ref(props.value);
+const chevronRotated = ref(false);
 const { isFocusVisible } = useFocusVisible();
 
 const clickHandler = () => (chevronRotated.value = true);
-
 const blurHandler = () => (chevronRotated.value = false);
-
 const keydownHandler = () => (chevronRotated.value = true);
 
 const changedValue = (event: Event) => {