deps, support page & table

package.json

@@ -16,7 +16,7 @@
     "@graphql-codegen/typescript-graphql-request": "^4.4.2",
     "@graphql-codegen/typescript-operations": "^2.3.4",
     "@sveltejs/adapter-static": "^1.0.0-next.29",
-    "@sveltejs/kit": "^1.0.0-next.294",
+    "@sveltejs/kit": "^1.0.0-next.295",
     "@types/lunr": "^2.3.4",
     "graphql": "^15.8.0",
     "graphql-request": "^3.7.0",
@@ -29,7 +29,8 @@
   },
   "dependencies": {
     "dayjs": "^1.10.8",
-    "highlight.js": "^11.4.0",
+    "highlight.js": "^11.5.0",
+    "lodash": "^4.17.21",
     "lunr": "^2.3.9",
     "svelte-cloudinary": "^0.2.5"
   }

src/lib/components/Icon.svelte

@@ -1,6 +1,6 @@
 <script lang="ts" context="module">
   import IconAnalytics from '$lib/icons/IconAnalytics.svelte'
-  import IconCafeOutline from '$lib/icons/IconCafeOutline.svelte'
+  import IconCafe from '$lib/icons/IconCafe.svelte'
   import IconCaretUpCircle from '$lib/icons/IconCaretUpCircle.svelte'
   import IconChatbubblesOutline from '$lib/icons/IconChatbubblesOutline.svelte'
   import IconFingerPrintOutline from '$lib/icons/IconFingerPrintOutline.svelte'
@@ -8,13 +8,13 @@
   import IconLinkOutline from '$lib/icons/IconLinkOutline.svelte'
   import IconLogoGithub from '$lib/icons/IconLogoGithub.svelte'
   import IconMailOutline from '$lib/icons/IconMailOutline.svelte'
-
+  import IconPaypal from '$lib/icons/IconPaypal.svelte'
   import IconSearchOutline from '$lib/icons/IconSearchOutline.svelte'
 
   export type IconType =
     | 'search-outline'
     | 'link-outline'
-    | 'cafe-outline'
+    | 'cafe'
     | 'logo-github'
     | 'mail-outline'
     | 'chatbubbles-outline'
@@ -23,11 +23,12 @@
     | 'finger-print-outline'
     | 'heart-sharp'
     | 'caret-up-circle'
+    | 'paypal'
 
   const mapping: Record<IconType, any> = {
     'search-outline': IconSearchOutline,
     'link-outline': IconLinkOutline,
-    'cafe-outline': IconCafeOutline,
+    cafe: IconCafe,
     'logo-github': IconLogoGithub,
     'mail-outline': IconMailOutline,
     'chatbubbles-outline': IconChatbubblesOutline,
@@ -35,6 +36,7 @@
     'finger-print-outline': IconFingerPrintOutline,
     'heart-sharp': IconHeartSharp,
     'caret-up-circle': IconCaretUpCircle,
+    paypal: IconPaypal,
   }
 </script>
 

src/lib/components/WPAdapter.svelte

@@ -144,4 +144,16 @@
   div :global(p.has-background) {
     padding: 0.5em;
   }
+
+  div :global(table) {
+    border-collapse: collapse;
+    border-spacing: 0;
+    border: 0.1rem solid var(--clr-primary);
+  }
+
+  div :global(table th),
+  div :global(table td) {
+    padding: 0.25rem;
+    border: 0.1rem solid var(--clr-primary);
+  }
 </style>

src/lib/icons/IconCafe.svelte

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"
+  ><title>Cafe</title><path
+    d="M432 64H96a16 16 0 00-16 16v192a96.11 96.11 0 0096 96h112a96.11 96.11 0 0096-96v-80h18a62.07 62.07 0 0062-62V96a32 32 0 00-32-32zm0 66a30 30 0 01-30 30h-18V96h48zM400 400H64a16 16 0 000 32h336a16 16 0 000-32z"
+  /></svg
+>

src/lib/icons/IconCafeOutline.svelte

@@ -1,11 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512">
-  <title>Cafe</title>
-  <path
-    d="M368 80h64a16 16 0 0116 16v34a46 46 0 01-46 46h-34M96 80h272v192a80 80 0 01-80 80H176a80 80 0 01-80-80V80h0zM64 416h336"
-    fill="none"
-    stroke="currentColor"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    stroke-width="32"
-  />
-</svg>

src/lib/icons/IconPaypal.svelte

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"
+  ><title>Logo Paypal</title><path
+    d="M424.81 148.79c-.43 2.76-.93 5.58-1.49 8.48-19.17 98-84.76 131.8-168.54 131.8h-42.65a20.67 20.67 0 00-20.47 17.46l-21.84 137.84-6.18 39.07a10.86 10.86 0 009.07 12.42 10.72 10.72 0 001.7.13h75.65a18.18 18.18 0 0018-15.27l.74-3.83 14.24-90 .91-4.94a18.16 18.16 0 0118-15.3h11.31c73.3 0 130.67-29.62 147.44-115.32 7-35.8 3.38-65.69-15.16-86.72a72.27 72.27 0 00-20.73-15.82z"
+  /><path
+    d="M385.52 51.09C363.84 26.52 324.71 16 274.63 16H129.25a20.75 20.75 0 00-20.54 17.48l-60.55 382a12.43 12.43 0 0010.39 14.22 12.58 12.58 0 001.94.15h89.76l22.54-142.29-.7 4.46a20.67 20.67 0 0120.47-17.46h42.65c83.77 0 149.36-33.86 168.54-131.8.57-2.9 1.05-5.72 1.49-8.48 5.7-36.22-.05-60.87-19.72-83.19z"
+  /></svg
+>

src/routes/support.svelte

@@ -7,13 +7,14 @@
     {
       href: 'https://www.buymeacoffee.com/cupcakearmy',
       name: 'Buy Me A Coffee',
-      icon: 'cafe-outline',
+      icon: 'cafe',
     },
     {
       href: 'https://github.com/sponsors/cupcakearmy',
       name: 'Github Sponsor',
       icon: 'logo-github',
     },
+    { href: 'https://www.paypal.com/paypalme/cupcakearmy', name: 'Paypal', icon: 'paypal' },
   ]
 </script>