fix: setting master

resources/js/pages/Settings/Components/CompanyProfile.vue

@@ -1,9 +1,7 @@
 <script setup>
 import { useForm } from '@/composables/useForm'
 import { useState } from '../Composables/useState'
-import Invoice from './Invoice.vue'
 import AppInputText from '@/components/AppInputText.vue'
-import { provide } from 'vue'
 
 const props = defineProps({
   company: Object,
@@ -18,8 +16,6 @@ const form = useForm({
   npwp: props.company?.npwp,
 })
 
-provide('form', form)
-
 const { state, setState } = useState()
 
 const onSubmit = () => {
@@ -100,11 +96,5 @@ const onSubmit = () => {
         />
       </div>
     </div>
-
-    <Divider />
-
-    <div class="col-12 hidden sm:block">
-      <Invoice />
-    </div>
   </div>
 </template>

resources/js/pages/Settings/Components/Invoice.vue

@@ -1,122 +0,0 @@
-<script setup>
-import { inject } from 'vue'
-
-const form = inject('form')
-</script>
-
-<template>
-  <div class="grid">
-    <div class="col-12">
-      <h1 class="text-lg font-bold">Tampilan Invoice</h1>
-    </div>
-  </div>
-
-  <h1 style="text-align: right; margin: 0; margin-right: 15%">
-    <strong style="text-transform: uppercase; font-size: medium"
-      >INVOICE</strong
-    >
-  </h1>
-
-  <table>
-    <tr>
-      <td style="width: 65%">
-        <table>
-          <tr>
-            <td><strong>Kepada</strong></td>
-            <td>:</td>
-            <td style="padding: 0">
-              <table style="border-spacing: 0">
-                <tr>
-                  <td>Partner Company</td>
-                </tr>
-                <tr>
-                  <td>XXXXXXXXXXXX</td>
-                </tr>
-              </table>
-            </td>
-          </tr>
-          <tr>
-            <td><strong>NPWP</strong></td>
-            <td>:</td>
-            <td style="padding: 0">
-              <table style="border-spacing: 0">
-                <tr>
-                  <td>XXXXXXXXXXXX</td>
-                </tr>
-              </table>
-            </td>
-          </tr>
-        </table>
-      </td>
-      <td style="width: 35%">
-        <table>
-          <tr>
-            <td>
-              <table>
-                <tr>
-                  <td>Nama</td>
-                  <td>:</td>
-                  <td>{{ form.name ?? 'Your Company' }}</td>
-                </tr>
-                <tr>
-                  <td>NPWP</td>
-                  <td>:</td>
-                  <td>{{ form.npwp ?? 'XXXXXXXXXXXX' }}</td>
-                </tr>
-                <tr>
-                  <td>Email</td>
-                  <td>:</td>
-                  <td>{{ form.email ?? 'XXXXXXXXXXXX' }}</td>
-                </tr>
-                <tr>
-                  <td>No Telepon</td>
-                  <td>:</td>
-                  <td>{{ form.telephone ?? 'XXXXXXXXXXXX' }}</td>
-                </tr>
-                <tr>
-                  <td>Alamat</td>
-                  <td>:</td>
-                  <td>{{ form.address ?? 'XXXXXXXXXXXX' }}</td>
-                </tr>
-                <tr>
-                  <td>Tanggal</td>
-                  <td>:</td>
-                  <td>XXXXXXXXXXXX</td>
-                </tr>
-                <tr>
-                  <td>Nomor Pembelian</td>
-                  <td>:</td>
-                  <td>PJN20220720115908</td>
-                </tr>
-                <tr>
-                  <td>Halaman</td>
-                  <td>:</td>
-                  <td>1</td>
-                </tr>
-              </table>
-            </td>
-          </tr>
-        </table>
-      </td>
-    </tr>
-  </table>
-</template>
-
-<style scoped>
-table {
-  font-family: Verdana, Arial, sans-serif;
-  font-size: x-small;
-  border-collapse: collapse;
-  border-spacing: 0;
-  width: 100%;
-}
-
-tr {
-  vertical-align: super;
-}
-
-tfoot tr td {
-  font-weight: bold;
-  font-size: x-small;
-}
-</style>