Use VitePress for docs

Author: JaZo

.gitignore

@@ -6,5 +6,5 @@ composer.lock
 /.php-cs-fixer.cache
 /.phpunit.result.cache
 /node_modules/
-/docs/.vuepress/dist/
-/docs/README.md
+/docs/.vitepress/dist/
+/docs/index.md

docs/.vuepress/components/UrlHelper.vue renamed to docs/.vitepress/components/UrlHelper.vue

@@ -16,7 +16,7 @@
             <option value="patch">PATCH</option>
         </select>
         <h4>Strict mode</h4>
-        <label><input type="checkbox" v-model="strictMode"> Use strict mode</label>
+        <label class="label"><input type="checkbox" v-model="strictMode"> Use strict mode</label>
         <h4>Possible fixtures (in order of specificity)</h4>
         <ol v-if="fixtures.length">
             <li v-for="fixture in fixtures">/path/to/fixtures/{{ fixture }}</li>
@@ -277,7 +277,7 @@
 <style scoped>
     .input,
     .select {
-        border-radius: 2rem;
+        border-radius: 6px;
         border: 1px solid #cfd4db;
         box-sizing: border-box;
         color: #4e6e8e;
@@ -290,6 +290,12 @@
         width: 100%;
     }
 
+    .input,
+    .select,
+    .label {
+        margin: 1rem 0;
+    }
+
     .input {
         cursor: text;
         padding: 0 1rem;
@@ -299,4 +305,8 @@
         height: 2rem;
         padding: 0 1rem;
     }
+
+    .label {
+        display: inline-block;
+    }
 </style>

docs/.vuepress/config.js renamed to docs/.vitepress/config.js

@@ -1,9 +1,11 @@
-module.exports = {
+import { defineConfig } from 'vitepress'
+
+export default defineConfig({
     title: 'swisnl/php-http-fixture-client',
     description: 'Fixture client for PHP-HTTP',
     base: '/php-http-fixture-client/',
     themeConfig: {
         repo: 'swisnl/php-http-fixture-client',
-        editLinks: true,
+        editLinks: false,
     }
-};
+})

docs/.vitepress/copy-readme.js

@@ -0,0 +1,3 @@
+const cpFile = require('cp-file');
+
+cpFile('README.md', 'docs/index.md');

docs/.vitepress/theme/index.js

@@ -0,0 +1,9 @@
+import DefaultTheme from 'vitepress/theme';
+import UrlHelper from '../components/UrlHelper.vue';
+
+export default {
+    ...DefaultTheme,
+    enhanceApp({ app }) {
+        app.component('UrlHelper', UrlHelper)
+    }
+}