moja-global/FLINT-UI

migration: migrate ConfigurationsRothC to Vue 3 Composition API

YashKandalkar opened this issue · 3 comments

YashKandalkar commented

TODO:

  • Migrate the ConfigurationsRothC file in src/views/flint/ to use CompositionAPI (check out this PR by @Palaksharma23, or any other migration PR by her for reference.).
  • Also, use :expand-icon-position prop and enable the default arrow in the a-collapse component.

Currently, we are using here

<template #extra>
    <RightOutlined :rotate="accordionActiveKey == index ? 90 : 0" />
<template>

The extra slot is being used to render a custom arrow when we can just use :expand-icon-position="'right'" to render the default expand arrow on the right side.
The style on L156 can also be removed.

If you have any doubts, please ask.

Palaksharma23 commented

If anyone has any doubt, you can ping me on slack :). I would be happy to help you.

  • ❤️1
Crystalsage commented

I can work on this, if someone hasn't picked it up yet.