fix css order conflict during build

pages/Admin.vue

@@ -73,12 +73,11 @@ v-container.container.pa-0.pa-md-3
 <script>
 import { mapState } from 'vuex'
 import { mdiAlert, mdiChevronRight, mdiChevronLeft } from '@mdi/js'
-import Settings from '@/components/admin/Settings'
 
 export default {
   name: 'Admin',
   components: { 
-    Settings,
+    Settings: () => import(/* webpackChunkName: "admin" */'../components/admin/Settings.vue'),
     Users:  () => import(/* webpackChunkName: "admin" */'../components/admin/Users'),
     Events: () => import(/* webpackChunkName: "admin" */'../components/admin/Events'),
     Places: () => import(/* webpackChunkName: "admin" */'../components/admin/Places'),

pages/setup/_db.vue

@@ -20,17 +20,19 @@ v-container.pa-6
         Completed(ref='completed' :isHttp='isHttp')
 </template>
 <script>
-import DbStep from '@/components/DbStep'
-import Settings from '@/components/admin/Settings'
-import Completed from '@/components/Completed'
 
 export default {
-  components: { DbStep, Settings, Completed },
+  components: {
+    Settings: () => import(/* webpackChunkName: "setup" */'@/components/admin/Settings.vue'),
+    DbStep: () => import(/* webpackChunkName: "setup" */'@/components/DbStep.vue'),
+    Completed: () => import(/* webpackChunkName: "setup" */'@/components/Completed.vue'),
+  },
   middleware: 'setup',
   layout: 'clean',
   head: {
     title: 'Setup',
   },
+  name: 'Setup',
   auth: false,
   asyncData ({ params, req }) {
     const protocol = process.client ? window.location.protocol : req.protocol + ':'