cleanup

Author: jeremykenedy

.scripts/deploy.sh

@@ -37,9 +37,6 @@ deployArtisanCommands() {
 deployFrontEnd() {
     npm install
     npm update
-    npm run clean
-    npm run lint
-    npm run optimize
     npm run build
 }
 

public/site.webmanifest

@@ -2,16 +2,8 @@
   "name": "",
   "short_name": "",
   "icons": [
-    {
-      "src": "/android-chrome-192x192.png",
-      "sizes": "192x192",
-      "type": "image/png"
-    },
-    {
-      "src": "/android-chrome-512x512.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    }
+    { "src": "/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" },
+    { "src": "/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" }
   ],
   "theme_color": "#ffffff",
   "background_color": "#ffffff",

resources/js/components/ToggleDarkMode.vue

@@ -17,15 +17,8 @@
         class="pointer-events-none inline-block h-[16px] w-[16px] transform rounded-full shadow-lg ring-0 transition duration-200 ease-in-out"
       />
 
-      <SunIcon
-        v-if="!isDarkMode"
-        class="text-white h-4 w-4"
-      />
-      <MoonIcon
-        v-if="isDarkMode"
-        class="absolute h-4 w-4 text-gray-800"
-        style="left: -1px"
-      />
+      <SunIcon v-if="!isDarkMode" class="text-white h-4 w-4" />
+      <MoonIcon v-if="isDarkMode" class="absolute h-4 w-4 text-gray-800" style="left: -1px" />
     </SwitchComp>
   </span>
 </template>

resources/js/components/common/AppButton.vue

@@ -5,17 +5,10 @@
     :disabled="loading || disabled"
     @click="clickButton"
   >
-    <slot
-      v-if="hasTextSlot"
-      name="text"
-    />
+    <slot v-if="hasTextSlot" name="text" />
     <span v-else>
       {{ text }}
-      <span
-        v-if="icon"
-        class="fa-fw"
-        :class="icon"
-      />
+      <span v-if="icon" class="fa-fw" :class="icon" />
       {{ textAfter }}
     </span>
   </button>

resources/js/components/includes/AppFooter.vue

@@ -1,9 +1,6 @@
 <template>
   <footer :class="footerClass">
-    <div
-      class="border-t py-4"
-      :class="borderClass"
-    >
+    <div class="border-t py-4" :class="borderClass">
       <p class="text-center text-sm leading-6 text-slate-500 dark:text-gray-300">
         &copy; {{ theYear }} {{ company }}. All rights reserved.
       </p>

resources/js/components/includes/AppNav.vue

@@ -1,23 +1,13 @@
 <template>
   <div class="relative bg-white dark:bg-slate-800 z-10">
-    <div class="border-b-2 border-gray-100">
-      <div
-        class="flex items-center justify-between mx-auto max-w-7xl py-6 px-4 sm:px-6 dark:border-slate-700 md:justify-start md:space-x-10"
-      >
+    <div class="border-b-2 border-gray-100 dark:border-slate-700">
+      <div class="flex items-center justify-between mx-auto max-w-7xl py-6 px-4 sm:px-6 md:justify-start md:space-x-10">
         <div class="flex justify-start lg:w-0 lg:flex-1">
           <router-link :to="{ name: 'home' }">
             <span class="sr-only">{{ appName }}</span>
             <div>
-              <img
-                id="LogoLight"
-                :alt="appName"
-                class="show-light text-center ml-auto mr-auto w-10"
-              >
-              <img
-                id="LogoDark"
-                :alt="appName"
-                class="show-dark text-center ml-auto mr-auto w-10"
-              >
+              <img id="LogoLight" :alt="appName" class="show-light text-center ml-auto mr-auto w-10" />
+              <img id="LogoDark" :alt="appName" class="show-dark text-center ml-auto mr-auto w-10" />
             </div>
           </router-link>
         </div>

resources/js/components/ipsums/IpsumComponent.vue

@@ -29,14 +29,8 @@
     @click.prevent="copyToClipboard()"
   >
     <template #text>
-      <ClipboardIcon
-        v-if="!clipped"
-        class="ml-2 mr-2 mt-0 h-4 w-4"
-      />
-      <ClipboardDocumentCheckIcon
-        v-if="clipped"
-        class="ml-2 mr-2 mt-0 h-4 w-4"
-      />
+      <ClipboardIcon v-if="!clipped" class="ml-2 mr-2 mt-0 h-4 w-4" />
+      <ClipboardDocumentCheckIcon v-if="clipped" class="ml-2 mr-2 mt-0 h-4 w-4" />
 
       <span class="sr-only">Copy to Clipboard</span>
     </template>
@@ -57,7 +51,7 @@
           max="100"
           placeholder="1"
           aria-describedby="ipsum_type"
-        >
+        />
 
         <input
           v-if="type == 'words'"
@@ -68,7 +62,7 @@
           min="1"
           placeholder="1"
           aria-describedby="ipsum_type"
-        >
+        />
 
         <div
           id="ipsum_type"
@@ -84,15 +78,8 @@
     id="ipsum_content"
     class="my-3 p-4 pb-0 border border-gray-300 rounded-lg text-left lorem-paragraphs bg-white text-gray-700 dark:bg-gray-900 dark:text-gray-200"
   >
-    <div
-      id="paragraph"
-      ref="paragraph"
-    />
-    <div
-      id="words"
-      ref="words"
-      class="mb-4"
-    />
+    <div id="paragraph" ref="paragraph" />
+    <div id="words" ref="words" class="mb-4" />
   </div>
 </template>
 

resources/js/layouts/GuestLayout.vue

@@ -3,22 +3,13 @@
     <div id="top_border" />
     <AppNav />
     <div class="mx-auto w-full max-w-7xl">
-      <router-view
-        v-slot="{ Component }"
-        class="p-6"
-      >
-        <transition
-          name="fade"
-          mode="out-in"
-        >
+      <router-view v-slot="{ Component }" class="p-6">
+        <transition name="fade" mode="out-in">
           <component :is="Component" />
         </transition>
       </router-view>
     </div>
-    <AppFooter
-      class="sticky top-[100vh] w-full"
-      footer-class="border-slate-900/5 dark:border-slate-700"
-    />
+    <AppFooter class="sticky top-[100vh] w-full" footer-class="border-slate-900/5 dark:border-slate-700" />
   </div>
 </template>
 

resources/js/views/errors/NotFound.vue

@@ -13,37 +13,17 @@
               {{ appNotFountText }}
             </p>
             <router-link :to="{ name: 'home' }">
-              <AppButton
-                secondary
-                text="Go Home"
-                class="py-4 px-8 w-full lg:w-auto"
-              />
+              <AppButton secondary text="Go Home" class="py-4 px-8 w-full lg:w-auto" />
             </router-link>
           </div>
         </div>
       </div>
     </div>
     <div>
-      <img
-        id="mainLight"
-        :alt="appName"
-        class="show-light text-center ml-auto mr-auto w-40"
-      >
-      <img
-        id="mainDark"
-        :alt="appName"
-        class="show-dark text-center ml-auto mr-auto w-40"
-      >
-      <img
-        id="fourZeroFour"
-        alt="404"
-        class="show-dark w-40 mt-3"
-      >
-      <img
-        id="fourZeroFourLight"
-        alt="404"
-        class="show-light w-40 mt-3"
-      >
+      <img id="mainLight" :alt="appName" class="show-light text-center ml-auto mr-auto w-40" />
+      <img id="mainDark" :alt="appName" class="show-dark text-center ml-auto mr-auto w-40" />
+      <img id="fourZeroFour" alt="404" class="show-dark w-40 mt-3" />
+      <img id="fourZeroFourLight" alt="404" class="show-light w-40 mt-3" />
     </div>
   </div>
 </template>

resources/js/views/home/HomePage.vue

@@ -2,16 +2,8 @@
   <div class="p-12">
     <div class="text-center">
       <div class="mb-5 flex items-center justify-between">
-        <img
-          id="mainLight"
-          :alt="appName"
-          class="show-light text-center ml-auto mr-auto w-40"
-        >
-        <img
-          id="mainDark"
-          :alt="appName"
-          class="show-dark text-center ml-auto mr-auto w-40"
-        >
+        <img id="mainLight" :alt="appName" class="show-light text-center ml-auto mr-auto w-40" />
+        <img id="mainDark" :alt="appName" class="show-dark text-center ml-auto mr-auto w-40" />
       </div>
       <h1 class="text-4xl mb-5 quicksand-font text-slate-500 dark:text-slate-300">
         {{ appName }}