feat: refs #6480 vnCard

src/components/common/VnCard.vue

@@ -1,19 +1,13 @@
 <script setup>
 import useCardSize from 'src/composables/useCardSize';
-import VnSubToolbar from 'src/components/common/VnSubToolbar.vue';
-defineProps({
-    component: {
-        type: String,
-        required: true,
-    },
-});
+import VnSubToolbar from '../ui/VnSubToolbar.vue';
 </script>
 <template>
     <QPageContainer>
         <QPage>
             <VnSubToolbar />
             <div :class="useCardSize()">
-                <RouterView :name="component"> </RouterView>
+                <RouterView />
             </div>
         </QPage>
     </QPageContainer>

src/pages/InvoiceIn/Card/InvoiceInCard.vue

@@ -4,11 +4,10 @@ import { useStateStore } from 'stores/useStateStore';
 import InvoiceInDescriptor from './InvoiceInDescriptor.vue';
 import LeftMenu from 'components/LeftMenu.vue';
 import VnSearchbar from 'components/ui/VnSearchbar.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 import { useArrayData } from 'src/composables/useArrayData';
 import { onMounted, watch } from 'vue';
 import { useRoute } from 'vue-router';
-import useCardSize from 'src/composables/useCardSize';
+import VnCard from 'components/common/VnCard.vue';
 
 const stateStore = useStateStore();
 const { t } = useI18n();
@@ -72,18 +71,10 @@ watch(
             <LeftMenu source="card" />
         </QScrollArea>
     </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard />
 </template>
-
 <i18n>
     es:
         Search invoice: Buscar factura recibida
         You can search by invoice reference: Puedes buscar por referencia de la factura
-    </i18n>
+</i18n>