style: adjust spacing and order of classes in various components and configuration files

Author: francoism90

.github/copilot-instructions.md

@@ -437,7 +437,7 @@ Route::get('/users', function () {
   it('returns all', function () {
   $response = $this->postJson('/api/docs', []);
 
-                                      $response->assertSuccessful();
+                                          $response->assertSuccessful();
 
     });
     </code-snippet>
@@ -596,13 +596,13 @@ $pages->assertNoJavascriptErrors()->assertNoConsoleLogs();
 
 - When listing items, use gap utilities for spacing, don't use margins.
 
-                                    <code-snippet name="Valid Flex Gap Spacing Example" lang="html">
-                                        <div class="flex gap-8">
-                                            <div>Superior</div>
-                                            <div>Michigan</div>
-                                            <div>Erie</div>
-                                        </div>
-                                    </code-snippet>
+                                        <code-snippet name="Valid Flex Gap Spacing Example" lang="html">
+                                            <div class="flex gap-8">
+                                                <div>Superior</div>
+                                                <div>Michigan</div>
+                                                <div>Erie</div>
+                                            </div>
+                                        </code-snippet>
 
 ### Dark Mode
 

.prettierrc.json

@@ -6,5 +6,7 @@
     "singleAttributePerLine": true,
     "printWidth": 140,
     "tailwindAttributes": ["class", "className", "ui", ":ui"],
-    "tailwindFunctions": ["cva", "clsx", "ui", ":ui"]
+    "tailwindFunctions": ["cva", "clsx", "ui", ":ui"],
+    "tailwindConfig": "./tailwind.config.js",
+    "tailwindStylesheet": "./resources/css/app.css"
 }

package.json

@@ -18,7 +18,7 @@
         "@inertiajs/vue3": "^2.2.18",
         "@laravel/echo-vue": "^2.2.6",
         "@laravel/vite-plugin-wayfinder": "^0.1.7",
-        "@nuxt/ui": "^4.2.0",
+        "@nuxt/ui": "^4.2.1",
         "@tailwindcss/vite": "^4.1.17",
         "@vueuse/core": "^14.0.0",
         "axios": "^1.13.2",
@@ -43,7 +43,7 @@
         "chokidar": "^4.0.3",
         "concurrently": "^9.2.1",
         "eslint": "^9.39.1",
-        "eslint-plugin-vue": "^10.5.1",
+        "eslint-plugin-vue": "^10.6.0",
         "jiti": "^2.6.1",
         "npm-run-all2": "^8.0.4",
         "prettier": "3.6.2",

pnpm-lock.yaml

@@ -24,7 +24,7 @@ const items: NavigationMenuItem[] = [
 <template>
   <UDashboardNavbar
     :toggle="false"
-    :ui="{ root: 'bg-default fixed inset-x-0 top-0 z-30 mx-auto w-full max-w-(--ui-container)' }"
+    :ui="{ root: 'fixed inset-x-0 top-0 z-30 mx-auto w-full max-w-(--ui-container) bg-default' }"
   >
     <template #left>
       <ULink to="/">

resources/js/components/Dashboard/DashboardNavbar.vue

@@ -65,7 +65,7 @@ export default defineConfig(({ mode }) => {
           },
           dashboardToolbar: {
             slots: {
-              root: 'bg-default mx-auto w-full max-w-(--ui-container) border-0 px-4 sm:px-6',
+              root: 'mx-auto w-full max-w-(--ui-container) border-0 bg-default px-4 sm:px-6',
               left: 'gap-3.5',
               right: 'gap-3.5',
             },