ledger gemory draft

src/pages/Ledgers.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import { RouterLink, RouterView } from 'vue-router';
+
+</script>
+
+<template>
+    <div class="mt-4">
+        <div class="flex border-b-2 border-emerald-500">
+        </div>
+        <RouterView />
+    </div>
+</template>
+
+<style scoped>
+@reference "tailwindcss";
+
+a.tab {
+    @apply flex items-center px-4 me-2 rounded-t-md bg-slate-600 hover:bg-slate-700;
+    &.router-link-active {
+        @apply bg-emerald-500 hover:bg-emerald-700;
+    }
+}
+</style>

src/pages/Market.vue

@@ -20,7 +20,9 @@ import { RouterLink, RouterView } from 'vue-router';
     </div>
 </template>
 
-<style scoped lang="postcss">
+<style scoped>
+@reference "tailwindcss";
+
 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/TypeInfo.vue

@@ -113,7 +113,8 @@ watch(useRoute(), async route => {
     <BuyModal ref="buyModal" />
 </template>
 
-<style scoped lang="postcss">
+<style scoped>
+@reference "tailwindcss";
 img.type-image {
     width: 64px;
     height: 64px;