Add debugbar scripts

Author: barryvdh

docs/.vuepress/.cache/deps/_metadata.json

@@ -1,31 +1,31 @@
 {
-  "hash": "451f7a20",
+  "hash": "9abb139a",
   "configHash": "f5d709cc",
-  "lockfileHash": "a69efd34",
-  "browserHash": "c8dd45b2",
+  "lockfileHash": "5833240f",
+  "browserHash": "cb24e16b",
   "optimized": {
     "@vue/devtools-api": {
       "src": "../../../../node_modules/@vue/devtools-api/dist/index.js",
       "file": "@vue_devtools-api.js",
-      "fileHash": "f1e1ad69",
+      "fileHash": "adba50ed",
       "needsInterop": false
     },
     "@vuepress/shared": {
       "src": "../../../../node_modules/@vuepress/shared/dist/index.js",
       "file": "@vuepress_shared.js",
-      "fileHash": "bfdeb0de",
+      "fileHash": "ad55b890",
       "needsInterop": false
     },
     "vue": {
       "src": "../../../../node_modules/vue/dist/vue.runtime.esm-bundler.js",
       "file": "vue.js",
-      "fileHash": "5ce9790c",
+      "fileHash": "88addf5a",
       "needsInterop": false
     },
     "vue-router": {
       "src": "../../../../node_modules/vue-router/dist/vue-router.esm-bundler.js",
       "file": "vue-router.js",
-      "fileHash": "5f100391",
+      "fileHash": "de467aed",
       "needsInterop": false
     }
   },

docs/.vuepress/client.ts

@@ -1,4 +1,5 @@
 import { defineClientConfig } from 'vuepress/client';
+import Layout from './layouts/Layout.vue'
 
 export default defineClientConfig({
   enhance({ app, router, siteData }) {
@@ -7,6 +8,9 @@ export default defineClientConfig({
   setup() {
     // ...
   },
+  layouts: {
+    Layout,
+  },
   rootComponents: [
     // ...
   ],

docs/.vuepress/config.ts

@@ -6,8 +6,12 @@ export default defineUserConfig({
   base: '/',
   title: 'Laravel Debugbar',
   description: 'Laravel Debugbar integrates PHP Debug Bar with Laravel',
-  
+
   bundler: viteBundler(),
+  head: [
+    ['link', {rel: "stylesheet", href: '/debugbar.css'}],
+    ['script', {src: '/debugbar.js'}],
+  ],
   theme: defaultTheme({
     // logo: '/images/logo.png',
     navbar: [
@@ -35,4 +39,4 @@ export default defineUserConfig({
     docsDir: 'docs',
     editLink: true,
   }),
-});
+});

docs/.vuepress/layouts/Layout.vue

@@ -0,0 +1,14 @@
+<script setup>
+import ParentLayout from '@vuepress/theme-default/layouts/Layout.vue'
+</script>
+
+<template>
+    <ParentLayout>
+        <template #page-bottom>
+
+            <div class="my-footer">This is my custom page footer</div>
+        </template>
+    </ParentLayout>
+</template>
+
+

docs/.vuepress/public/debugbar.css

@@ -0,0 +1,10 @@
+// === colors ===
+:root {
+    // accent colors
+    --vp-c-accent: #eb4432;
+    --vp-c-accent-bg: #800;
+    --vp-c-accent-hover: #eb4432;
+    --vp-c-accent-text: var(--vp-c-white);
+    --vp-c-accent-soft: rgb(16 185 129 / 14%);
+
+}