mirror of
https://github.com/ArthurDanjou/trpc-nuxt.git
synced 2026-01-14 12:14:40 +01:00
Merge pull request #58 from therealokoro/next
feature-request: add logo, favicon and cover image to docs
This commit is contained in:
Robert Soriano
GitHub
@@ -1,3 +1,9 @@
|
||||
<p align="center">
|
||||
<figure>
|
||||
<img src="./public/banner.png" alt="trpc-nuxt cover image" />
|
||||
</figure>
|
||||
</p>
|
||||
|
||||
# tRPC-Nuxt
|
||||
|
||||
End-to-end typesafe APIs with [tRPC.io](https://trpc.io/) in Nuxt applications.
|
||||
@@ -19,7 +25,7 @@ For version 3 of this module (tRPC v9, auto-imports, auto handlers), [go here](h
|
||||
|
||||
## Recommended IDE Setup
|
||||
|
||||
- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
|
||||
- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
|
||||
|
||||
## License
|
||||
|
||||
|
||||
@@ -1,31 +1,38 @@
|
||||
export default defineAppConfig({
|
||||
docus: {
|
||||
title: 'tRPC Nuxt',
|
||||
description: 'End-to-end typesafe APIs in Nuxt applications.',
|
||||
image: 'https://og-image.vercel.app/tRPC-Nuxt',
|
||||
alt: 'tRPC-Nuxt cover',
|
||||
url: 'https://trpc-nuxt.vercel.app',
|
||||
debug: false,
|
||||
socials: {
|
||||
github: 'wobsoriano/trpc-nuxt'
|
||||
},
|
||||
aside: {
|
||||
level: 1
|
||||
},
|
||||
footer: {
|
||||
credits: {
|
||||
icon: 'IconDocus',
|
||||
text: 'Powered by Docus',
|
||||
href: 'https://docus.com',
|
||||
},
|
||||
iconLinks: [
|
||||
{
|
||||
label: 'NuxtJS',
|
||||
href: 'https://nuxt.com',
|
||||
// @ts-expect-error: IDK nuxt
|
||||
component: 'IconNuxtLabs'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
docus: {
|
||||
title: "tRPC Nuxt",
|
||||
description: "End-to-end typesafe APIs in Nuxt applications.",
|
||||
image: "https://og-image.vercel.app/tRPC-Nuxt",
|
||||
alt: "tRPC-Nuxt cover",
|
||||
url: "https://trpc-nuxt.vercel.app",
|
||||
debug: false,
|
||||
socials: {
|
||||
github: "wobsoriano/trpc-nuxt"
|
||||
},
|
||||
cover: {
|
||||
src: "/cover.jpg",
|
||||
alt: "tRPC-Nuxt module"
|
||||
},
|
||||
header: {
|
||||
logo: true
|
||||
},
|
||||
aside: {
|
||||
level: 1
|
||||
},
|
||||
footer: {
|
||||
credits: {
|
||||
icon: "IconDocus",
|
||||
text: "Powered by Docus",
|
||||
href: "https://docus.com"
|
||||
},
|
||||
iconLinks: [
|
||||
{
|
||||
label: "NuxtJS",
|
||||
href: "https://nuxt.com",
|
||||
// @ts-expect-error: IDK nuxt
|
||||
component: "IconNuxtLabs"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
99
docs/components/Logo.vue
Normal file
99
docs/components/Logo.vue
Normal file
@@ -0,0 +1,99 @@
|
||||
<template>
|
||||
<div class="logo">
|
||||
<div v-if="$colorMode.value == 'dark'">
|
||||
<svg
|
||||
width="40"
|
||||
height="40"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 509 454.27"
|
||||
>
|
||||
<path
|
||||
d="M363.3,307.79v.31l.28-.48Z"
|
||||
fill="#fff"
|
||||
stroke="#fff"
|
||||
stroke-miterlimit="10"
|
||||
stroke-width="9"
|
||||
/>
|
||||
<path
|
||||
d="M16.88,307.79v.3l.27-.46ZM83.1,350.1l.15.25.14-.08Z"
|
||||
fill="#fff"
|
||||
stroke="#fff"
|
||||
stroke-miterlimit="10"
|
||||
stroke-width="9"
|
||||
/>
|
||||
<path
|
||||
d="M433.22,259.49V139.58l-102-58.85V49.53L254.48,5.2,251.38,7,177.69,49.53V80.79L75.85,139.58V259.44L4.5,300.64v88.68l76.79,44.33,73.27-42.3,100,57.73,100-57.71,73.23,42.28,76.79-44.33V300.64ZM254.48,19.5l57.89,33.41L254,86.37C238.27,77,212.74,61.79,197.24,52.54Zm64.41,43.94v67.62l-58.22,33.61V96.81Zm-128.82-.75c13.83,8.23,44,26.24,58.22,34.69v67.29l-58.22-33.61ZM16.88,307.79l.27-.16-.27.46Zm58.22,108L16.88,382.16V313.8L75.1,348.49Zm5.7-78.29c.71.41-55.37-33-56.76-33.82L81.29,270.6,139.18,304Zm2.45,12.87-.15-.25.29.17Zm62.45,31.81-3.52,2-54.7,31.57V347.92l58.22-33.37Zm205.22-81.52v78.49l-96.39,55.65-96.45-55.69V300.64L88.23,260.32V146.73l89.46-51.65V138.2l76.79,44.33,76.79-44.33V95l89.57,51.71V260.27Zm12.66,7-.28.48v-.31Zm57.94,108.15-54.65-31.55-3.57-2.06V313.79l58.22,34.7Zm5.7-78.29-56.76-33.82,57.25-33.06L485.59,304Zm64.9,44.68L433.9,415.77V347.92l58.22-33.37Z"
|
||||
fill="#fff"
|
||||
stroke="#fff"
|
||||
stroke-miterlimit="10"
|
||||
stroke-width="9"
|
||||
/>
|
||||
<path
|
||||
d="M83.1,350.1l.15.25.14-.08Zm0,0,.15.25.14-.08Zm0,0,.15.25.14-.08Z"
|
||||
fill="#fff"
|
||||
stroke="#fff"
|
||||
stroke-miterlimit="10"
|
||||
stroke-width="9"
|
||||
/>
|
||||
<path
|
||||
d="M322.58,277.47l-34.44-57.86a9.2,9.2,0,0,0-3.4-3.3,9.47,9.47,0,0,0-12.67,3.3l-8.81,14.8L246,205.46c-3.46-6-12.61-6-16.07,0l-42.86,72a8.78,8.78,0,0,0,0,9,9.33,9.33,0,0,0,8,4.5h32.19c12.76,0,22.16-5.43,28.64-16,5.44-9.14,18.84-31.66,24.13-40.53l25.26,42.44H271.68L263.26,291h51.29C321.45,291.06,326.22,283.5,322.58,277.47Zm-79-10c-4.3,6.87-9.18,9.38-16.76,9.38H204.34L238,220.24l16.8,28.3Z"
|
||||
fill="#fff"
|
||||
stroke="#fff"
|
||||
stroke-miterlimit="10"
|
||||
stroke-width="9"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div v-else>
|
||||
<svg
|
||||
width="40"
|
||||
height="40"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 509 454.27"
|
||||
>
|
||||
<path
|
||||
d="M363.3,307.79v.31l.28-.48Z"
|
||||
stroke="#000"
|
||||
stroke-miterlimit="10"
|
||||
stroke-width="9"
|
||||
/>
|
||||
<path
|
||||
d="M16.88,307.79v.3l.27-.46ZM83.1,350.1l.15.25.14-.08Z"
|
||||
stroke="#000"
|
||||
stroke-miterlimit="10"
|
||||
stroke-width="9"
|
||||
/>
|
||||
<path
|
||||
d="M433.22,259.49V139.58l-102-58.85V49.53L254.48,5.2,251.38,7,177.69,49.53V80.79L75.85,139.58V259.44L4.5,300.64v88.68l76.79,44.33,73.27-42.3,100,57.73,100-57.71,73.23,42.28,76.79-44.33V300.64ZM254.48,19.5l57.89,33.41L254,86.37C238.27,77,212.74,61.79,197.24,52.54Zm64.41,43.94v67.62l-58.22,33.61V96.81Zm-128.82-.75c13.83,8.23,44,26.24,58.22,34.69v67.29l-58.22-33.61ZM16.88,307.79l.27-.16-.27.46Zm58.22,108L16.88,382.16V313.8L75.1,348.49Zm5.7-78.29c.71.41-55.37-33-56.76-33.82L81.29,270.6,139.18,304Zm2.45,12.87-.15-.25.29.17Zm62.45,31.81-3.52,2-54.7,31.57V347.92l58.22-33.37Zm205.22-81.52v78.49l-96.39,55.65-96.45-55.69V300.64L88.23,260.32V146.73l89.46-51.65V138.2l76.79,44.33,76.79-44.33V95l89.57,51.71V260.27Zm12.66,7-.28.48v-.31Zm57.94,108.15-54.65-31.55-3.57-2.06V313.79l58.22,34.7Zm5.7-78.29-56.76-33.82,57.25-33.06L485.59,304Zm64.9,44.68L433.9,415.77V347.92l58.22-33.37Z"
|
||||
stroke="#000"
|
||||
stroke-miterlimit="10"
|
||||
stroke-width="9"
|
||||
/>
|
||||
<path
|
||||
d="M83.1,350.1l.15.25.14-.08Zm0,0,.15.25.14-.08Zm0,0,.15.25.14-.08Z"
|
||||
stroke="#000"
|
||||
stroke-miterlimit="10"
|
||||
stroke-width="9"
|
||||
/>
|
||||
<path
|
||||
d="M322.58,277.47l-34.44-57.86a9.2,9.2,0,0,0-3.4-3.3,9.47,9.47,0,0,0-12.67,3.3l-8.81,14.8L246,205.46c-3.46-6-12.61-6-16.07,0l-42.86,72a8.78,8.78,0,0,0,0,9,9.33,9.33,0,0,0,8,4.5h32.19c12.76,0,22.16-5.43,28.64-16,5.44-9.14,18.84-31.66,24.13-40.53l25.26,42.44H271.68L263.26,291h51.29C321.45,291.06,326.22,283.5,322.58,277.47Zm-79-10c-4.3,6.87-9.18,9.38-16.76,9.38H204.34L238,220.24l16.8,28.3Z"
|
||||
stroke="#000"
|
||||
stroke-miterlimit="10"
|
||||
stroke-width="9"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<ProseStrong>tRPC Nuxt</ProseStrong>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
font-weight: 800;
|
||||
}
|
||||
</style>
|
||||
BIN
docs/public/cover.jpg
Normal file
BIN
docs/public/cover.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
docs/public/favicon.ico
Normal file
BIN
docs/public/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/banner.png
Normal file
BIN
public/banner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Reference in New Issue
Block a user