postcss

src/App.vue

@@ -18,7 +18,7 @@ const route = useRoute();
     </template>
 </template>
 
-<style scoped>
+<style scoped lang="postcss">
 div.main-container {
     @apply px-4 sm:ml-64;
 }

src/Modal.vue

@@ -46,7 +46,7 @@ useEventListener('keyup', e => {
     </Transition>
 </template>
 
-<style scoped>
+<style scoped lang="postcss">
 
 .fade-enter-from, .fade-leave-to {
   opacity: 0;

src/market/scan/ScanResultTable.vue

@@ -118,7 +118,7 @@ const getLineColor = (result: Result) => {
     </table>
 </template>
 
-<style scoped>
+<style scoped lang="postcss">
 div.end {
     @apply justify-self-end ms-2;
 }

src/market/track/TrackResultTable.vue

@@ -111,7 +111,7 @@ const getLineColor = (result: Result) => {
     </table>
 </template>
 
-<style scoped>
+<style scoped lang="postcss">
 div.end {
     @apply justify-self-end ms-2;
 }

src/pages/Market.vue

@@ -17,7 +17,7 @@ import { RouterLink, RouterView } from 'vue-router';
     </div>
 </template>
 
-<style scoped>
+<style scoped lang="postcss">
 a.tab {
     @apply flex items-center px-4 me-2 rounded-t-md bg-slate-600 hover:bg-slate-700;
     &.router-link-active {

src/pages/market/Track.vue

@@ -30,7 +30,6 @@ watch(() => trackedItemStore.items.value, async itms => {
 <template>
     <div class="mt-4">
         <template v-if="items.length > 0">
-            <hr />
             <TrackResultTable :items="items" @buy="(type, price, buy, sell) => buyModal?.open(type, {  'Price': price, 'Buy': buy, 'Sell': sell })" @sell="type => sellModal?.open(type)" />
             <BuyModal ref="buyModal" />
             <SellModal ref="sellModal" />

src/reprocess/BuySellSlider.vue

@@ -25,7 +25,7 @@ const value = useVModel(props, 'modelValue', emit);
     </label>
 </template>
 
-<style scoped>
+<style scoped lang="postcss">
     input:checked ~ span:last-child {
         --tw-translate-x: 1.75rem;
     }

src/sidebar/Sidebar.vue

@@ -34,7 +34,7 @@ const logout = async () => {
     </aside>
 </template>
 
-<style scoped>
+<style scoped lang="postcss">
 .router-link-active {
     @apply bg-emerald-500 hover:bg-emerald-700;
 }

src/table/SortableHeader.vue

@@ -24,7 +24,7 @@ const emit = defineEmits<Emit>();
     </th>
 </template>
 
-<style scoped>
+<style scoped lang="postcss">
 th {
     @apply relative h-8 pe-3;
 }