Skip to content

Commit 9dab0a3

Browse files
atinuxatinux
committedJul 17, 2024·
docs: improvements
·
v0.11.1v0.7.2
1 parent 7b61b15 commit 9dab0a3

File tree

4 files changed

+155
-200
lines changed

4 files changed

+155
-200
lines changed
 

‎docs/app.vue

+49-4
Original file line numberDiff line numberDiff line change
@@ -46,10 +46,55 @@ watch(() => search.value?.commandPaletteRef?.query, debounce((query) => {
4646
:links="links"
4747
title="Nuxt Fonts"
4848
>
49-
<!-- TODO: -->
50-
<!-- <template #logo>
51-
<TheLogo />
52-
</template> -->
49+
<template #logo>
50+
<svg
51+
class="h-6"
52+
viewBox="0 0 1337 200"
53+
fill="none"
54+
xmlns="http://www.w3.org/2000/svg"
55+
>
56+
<path
57+
d="M377 200C379.16 200 381 198.209 381 196V103C381 103 386 112 395 127L434 194C435.785 197.74 439.744 200 443 200H470V50H443C441.202 50 439 51.4941 439 54V148L421 116L385 55C383.248 51.8912 379.479 50 376 50H350V200H377Z"
58+
fill="currentColor"
59+
/>
60+
<path
61+
d="M726 92H739C742.314 92 745 89.3137 745 86V60H773V92H800V116H773V159C773 169.5 778.057 174 787 174H800V200H783C759.948 200 745 185.071 745 160V116H726V92Z"
62+
fill="currentColor"
63+
/>
64+
<path
65+
d="M591 92V154C591 168.004 585.742 179.809 578 188C570.258 196.191 559.566 200 545 200C530.434 200 518.742 196.191 511 188C503.389 179.809 498 168.004 498 154V92H514C517.412 92 520.769 92.622 523 95C525.231 97.2459 526 98.5652 526 102V154C526 162.059 526.457 167.037 530 171C533.543 174.831 537.914 176 545 176C552.217 176 555.457 174.831 559 171C562.543 167.037 563 162.059 563 154V102C563 98.5652 563.769 96.378 566 94C567.96 91.9107 570.028 91.9599 573 92C573.411 92.0055 574.586 92 575 92H591Z"
66+
fill="currentColor"
67+
/>
68+
<path
69+
d="M676 144L710 92H684C680.723 92 677.812 93.1758 676 96L660 120L645 97C643.188 94.1758 639.277 92 636 92H611L645 143L608 200H634C637.25 200 640.182 196.787 642 194L660 167L679 195C680.818 197.787 683.75 200 687 200H713L676 144Z"
70+
fill="currentColor"
71+
/>
72+
<path
73+
d="M168 200H279C282.542 200 285.932 198.756 289 197C292.068 195.244 295.23 193.041 297 190C298.77 186.959 300.002 183.51 300 179.999C299.998 176.488 298.773 173.04 297 170.001L222 41C220.23 37.96 218.067 35.7552 215 34C211.933 32.2448 207.542 31 204 31C200.458 31 197.067 32.2448 194 34C190.933 35.7552 188.77 37.96 187 41L168 74L130 9.99764C128.228 6.95784 126.068 3.75491 123 2C119.932 0.245087 116.542 0 113 0C109.458 0 106.068 0.245087 103 2C99.9323 3.75491 96.7717 6.95784 95 9.99764L2 170.001C0.226979 173.04 0.00154312 176.488 1.90993e-06 179.999C-0.0015393 183.51 0.229648 186.959 2 190C3.77035 193.04 6.93245 195.244 10 197C13.0675 198.756 16.4578 200 20 200H90C117.737 200 137.925 187.558 152 164L186 105L204 74L259 168H186L168 200ZM89 168H40L113 42L150 105L125.491 147.725C116.144 163.01 105.488 168 89 168Z"
74+
fill="#00DC82"
75+
/>
76+
<path
77+
d="M870 200H840V60H936V85H870V117H922V143H870V200Z"
78+
fill="#00DC82"
79+
/>
80+
<path
81+
d="M990 200C979.817 200 971.173 197.422 963 193C954.827 188.444 947.556 181.905 943 174C938.444 165.961 937 157.915 937 148C937 138.085 939.444 128.905 944 121C948.556 112.961 954.827 106.422 963 102C971.173 97.4443 979.817 95 990 95C1000.18 95 1009.83 97.4443 1018 102C1026.17 106.422 1032.44 112.961 1037 121C1041.56 128.905 1044 138.085 1044 148C1044 157.915 1041.56 166.961 1037 175C1032.44 182.905 1026.17 188.444 1018 193C1009.83 197.422 1000.18 200 990 200ZM990 176C997.503 176 1004.31 173.226 1009 168C1013.69 162.774 1016 156.307 1016 148C1016 139.559 1012.69 132.226 1008 127C1003.31 121.774 997.503 119 990 119C982.497 119 976.69 121.774 972 127C967.31 132.226 965 139.559 965 148C965 156.307 967.31 162.774 972 168C976.69 173.226 982.497 176 990 176Z"
82+
fill="#00DC82"
83+
/>
84+
<path
85+
d="M1059 200V98H1087V113C1089.81 108.042 1093.64 103.68 1099 101C1104.36 98.1862 1111.03 97 1118 97C1125.5 97 1131.37 98.6502 1137 102C1142.76 105.35 1147.92 109.97 1151 116C1154.22 122.03 1156 129.229 1156 137V200H1127V143C1127 136.836 1125.62 131.886 1122 128C1118.38 123.98 1113.76 122 1108 122C1101.84 122 1096.89 123.712 1093 128C1089.11 132.154 1087 137.434 1087 144V200H1059Z"
86+
fill="#00DC82"
87+
/>
88+
<path
89+
d="M1186 69H1214V99H1241V122H1214V162C1214 171.647 1218.49 176 1228 176H1241V200H1224.27C1212.48 200 1203.1 196.784 1196.14 190.353C1189.3 183.921 1185.89 174.877 1185.89 163.22L1186 122H1166V99H1186V69Z"
90+
fill="#00DC82"
91+
/>
92+
<path
93+
d="M1298 200C1285.54 200 1274.77 196.432 1267 190C1259.36 183.434 1255.53 174.853 1255 164H1279C1279.54 168.556 1281.78 172.32 1285 175C1288.35 177.546 1292.77 179 1298 179C1302.29 179 1305.32 177.876 1308 176C1310.81 174.124 1312 171.814 1312 169C1312 165.248 1311.22 164.474 1308 163C1304.78 161.526 1298.97 160.206 1292 159C1284.76 157.66 1279.56 155.608 1275 154C1270.44 152.392 1266.35 150.154 1263 146C1259.78 141.712 1258 135.771 1258 128C1258 122.104 1259.92 116.556 1263 112C1266.22 107.31 1270.51 103.546 1276 101C1281.49 98.3202 1287.17 97 1294 97C1306.19 97 1316.5 99.9704 1324 106C1331.64 112.03 1335.46 120.085 1336 130H1312C1311.46 125.846 1309.35 122.278 1306 120C1302.78 117.588 1299.02 117 1295 117C1290.98 117 1287.41 117.258 1285 119C1282.59 120.742 1282 123.918 1282 127C1282 130.752 1282.92 132.66 1286 134C1289.22 135.206 1294.17 137.062 1301 138C1308.37 139.072 1314.31 140.392 1319 142C1323.82 143.474 1328.52 145.578 1332 150C1335.48 154.422 1337 159.559 1337 168C1337 177.647 1333.24 185.104 1326 191C1318.9 196.762 1309.93 200 1298 200Z"
94+
fill="#00DC82"
95+
/>
96+
</svg>
97+
</template>
5398
<template #right>
5499
<UColorModeButton v-if="!$colorMode.forced" />
55100
<UButton

‎docs/components/TheIllustration.vue

+90-187
Original file line numberDiff line numberDiff line change
@@ -1,164 +1,90 @@
11
<template>
22
<svg
3-
width="546"
4-
height="309"
5-
viewBox="0 0 546 309"
3+
width="403"
4+
height="226"
5+
viewBox="0 0 403 226"
66
fill="none"
77
xmlns="http://www.w3.org/2000/svg"
88
>
9-
<g clip-path="url(#clip0_549_2095)">
10-
<path
11-
d="M0.721924 12C0.721924 5.37259 6.09451 0 12.7219 0H251.722C258.349 0 263.722 5.37258 263.722 12V77V130H255C251.134 130 248 133.134 248 137V174C248 177.866 251.134 181 255 181H263.5L263.722 231V296C263.722 302.627 258.349 308 251.722 308H12.7219C6.0945 308 0.721924 302.627 0.721924 296V12Z"
12-
fill="url(#paint0_linear_549_2095)"
9+
<g clip-path="url(#clip0_1045_1037)">
10+
<rect
11+
width="403"
12+
height="226"
13+
rx="12"
14+
fill="url(#paint0_linear_1045_1037)"
1315
fill-opacity="0.2"
1416
/>
15-
<path
16-
d="M1.22192 12C1.22192 5.64873 6.37065 0.5 12.7219 0.5H251.722C258.073 0.5 263.222 5.64873 263.222 12V77V129.5H255C250.858 129.5 247.5 132.858 247.5 137V174C247.5 178.142 250.858 181.5 255 181.5H263.002L263.222 231V231.002V296C263.222 302.351 258.073 307.5 251.722 307.5H12.7219C6.37064 307.5 1.22192 302.351 1.22192 296V12Z"
17-
stroke="url(#paint1_linear_549_2095)"
17+
<rect
18+
x="0.5"
19+
y="0.5"
20+
width="402"
21+
height="225"
22+
rx="11.5"
23+
stroke="url(#paint1_linear_1045_1037)"
1824
stroke-opacity="0.4"
1925
/>
2026
<path
21-
d="M250.424 224.554C251.995 199.097 246.309 173.754 234.01 151.409C221.753 129.139 206.184 104.281 197.759 104.281C182.497 104.281 159.941 135.743 151.205 139.926C139.866 129.94 100.698 80.5 88.8565 80.5C77.0152 80.5 29.4718 153.81 20.6396 172.34C6.93039 201.102 2.09076 293.5 22.2949 293.5C35.8243 293.5 51.7545 293.459 69.0776 293.414C108.704 293.311 190.075 293.104 232.215 293.414C243.818 293.499 248.52 255.423 250.424 224.554Z"
22-
fill="url(#paint2_linear_549_2095)"
23-
fill-opacity="0.3"
27+
d="M65.2722 150L93.4132 73.6485H103.121L131.153 150H121.445L98.2124 85.1012L74.8707 150H65.2722ZM78.1429 130.367L80.7607 122.95H115.337L117.955 130.367H78.1429ZM157.825 151.309C153.389 151.309 149.68 150.545 146.699 149.018C143.718 147.419 141.5 145.346 140.046 142.801C138.591 140.183 137.864 137.347 137.864 134.293C137.864 130.585 138.809 127.458 140.7 124.913C142.663 122.295 145.39 120.332 148.881 119.023C152.444 117.642 156.625 116.951 161.424 116.951H175.931C175.931 113.533 175.385 110.697 174.295 108.443C173.277 106.116 171.75 104.371 169.714 103.207C167.75 102.044 165.278 101.462 162.297 101.462C158.806 101.462 155.789 102.335 153.243 104.08C150.698 105.825 149.135 108.407 148.553 111.824H139.173C139.609 107.898 140.918 104.625 143.1 102.008C145.354 99.3171 148.19 97.2811 151.607 95.8995C155.025 94.4452 158.588 93.718 162.297 93.718C167.387 93.718 171.604 94.6633 174.949 96.5539C178.367 98.3718 180.912 100.953 182.584 104.298C184.257 107.57 185.093 111.461 185.093 115.969V150H176.912L176.367 140.292C175.64 141.819 174.695 143.274 173.531 144.655C172.44 145.964 171.132 147.128 169.604 148.146C168.077 149.091 166.332 149.855 164.369 150.436C162.478 151.018 160.297 151.309 157.825 151.309ZM159.243 143.565C161.788 143.565 164.078 143.056 166.114 142.038C168.223 140.947 170.004 139.493 171.459 137.675C172.913 135.784 174.004 133.712 174.731 131.457C175.531 129.203 175.931 126.84 175.931 124.368V124.04H162.187C158.624 124.04 155.752 124.477 153.571 125.349C151.389 126.149 149.826 127.313 148.881 128.84C147.935 130.294 147.463 131.967 147.463 133.857C147.463 135.82 147.899 137.529 148.771 138.984C149.717 140.438 151.062 141.565 152.807 142.365C154.625 143.165 156.77 143.565 159.243 143.565Z"
28+
fill="url(#paint2_linear_1045_1037)"
29+
fill-opacity="0.52"
30+
/>
31+
<path
32+
d="M214.704 151V149.909L216.667 149.146C218.122 148.564 219.103 147.837 219.612 146.964C220.194 146.092 220.485 144.928 220.485 143.474V86.5375C220.485 85.0105 220.194 83.8107 219.612 82.9381C219.103 82.0655 218.122 81.3747 216.667 80.8657L214.704 80.1022V79.0114H246.008C254.879 79.0114 261.278 80.6475 265.205 83.9197C269.132 87.1192 271.095 91.1913 271.095 96.136C271.095 99.8445 269.641 103.226 266.732 106.28C263.896 109.261 258.988 111.37 252.007 112.606C260.006 113.479 265.859 115.587 269.568 118.932C273.276 122.205 275.131 126.204 275.131 130.93C275.131 133.257 274.622 135.621 273.604 138.02C272.586 140.347 270.84 142.492 268.368 144.456C265.969 146.419 262.66 148.019 258.442 149.255C254.225 150.418 248.88 151 242.409 151H214.704ZM236.628 112.497H241.318C246.19 112.497 249.68 111.37 251.789 109.116C253.97 106.862 255.061 102.935 255.061 97.3358C255.061 91.5185 254.08 87.3737 252.116 84.9014C250.153 82.4291 246.953 81.1929 242.518 81.1929H236.628V112.497ZM236.628 148.819H242.081C247.535 148.819 251.571 147.364 254.189 144.456C256.879 141.547 258.224 137.002 258.224 130.821C258.224 125.004 256.952 120.859 254.407 118.387C251.862 115.915 247.681 114.678 241.863 114.678H236.628V148.819ZM297.261 152.418L278.827 151V149.909L279.918 149.691C282.754 149.037 284.172 147.219 284.172 144.237V85.8831C284.172 84.356 283.917 83.1926 283.408 82.3927C282.972 81.5928 282.027 81.0475 280.572 80.7566L279.045 80.3203V79.2296L298.461 74.5394L299.769 75.5211L299.333 90.9005V101.917C301.733 100.244 304.35 99.0083 307.186 98.2084C310.022 97.3358 312.895 96.8995 315.803 96.8995C319.948 96.8995 323.62 97.8812 326.82 99.8445C330.019 101.735 332.528 104.716 334.346 108.789C336.236 112.788 337.182 117.951 337.182 124.277C337.182 130.603 336.127 135.875 334.019 140.093C331.982 144.237 329.219 147.364 325.729 149.473C322.311 151.582 318.53 152.636 314.385 152.636C311.695 152.636 308.968 152.273 306.205 151.545C303.514 150.818 301.115 149.8 299.006 148.491L297.261 152.418ZM308.932 148.928C311.258 148.928 313.295 148.2 315.04 146.746C316.785 145.292 318.166 142.819 319.185 139.329C320.203 135.766 320.712 130.894 320.712 124.713C320.712 118.532 320.239 113.77 319.294 110.425C318.348 107.08 317.003 104.753 315.258 103.444C313.585 102.135 311.549 101.481 309.15 101.481C305.732 101.481 302.569 102.426 299.66 104.317V146.201C301.042 147.073 302.46 147.764 303.914 148.273C305.369 148.709 307.041 148.928 308.932 148.928Z"
33+
fill="url(#paint3_linear_1045_1037)"
34+
fill-opacity="0.52"
2435
/>
2536
<path
26-
d="M241.47 38.3696C241.47 47.4864 234.079 54.877 224.963 54.877C215.846 54.877 208.455 47.4864 208.455 38.3696C208.455 29.2529 215.846 21.8623 224.963 21.8623C234.079 21.8623 241.47 29.2529 241.47 38.3696Z"
37+
d="M49.7811 28H57.5876C57.8356 28 58.0792 27.9354 58.2939 27.8125C58.5086 27.6896 58.6869 27.5128 58.8108 27.3C58.9347 27.0871 58.9999 26.8457 58.9998 26.5999C58.9997 26.3542 58.9343 26.1128 58.8102 25.9001L53.5676 16.9001C53.4437 16.6873 53.2654 16.5105 53.0507 16.3877C52.836 16.2648 52.5925 16.2001 52.3446 16.2001C52.0967 16.2001 51.8532 16.2648 51.6385 16.3877C51.4238 16.5105 51.2455 16.6873 51.1216 16.9001L49.7811 19.2028L47.1602 14.6998C47.0361 14.487 46.8578 14.3104 46.6431 14.1875C46.4283 14.0647 46.1847 14 45.9368 14C45.6889 14 45.4453 14.0647 45.2305 14.1875C45.0158 14.3104 44.8375 14.487 44.7134 14.6998L38.1896 25.9001C38.0655 26.1128 38.0001 26.3542 38 26.5999C37.9999 26.8457 38.0651 27.0871 38.189 27.3C38.3129 27.5128 38.4912 27.6896 38.7059 27.8125C38.9207 27.9354 39.1643 28 39.4122 28H44.3125C46.254 28 47.6859 27.1547 48.6711 25.5057L51.063 21.4001L52.3442 19.2028L56.1893 25.8028H51.063L49.7811 28ZM44.2326 25.8005L40.8128 25.7998L45.9391 17.0004L48.4969 21.4001L46.7843 24.3407C46.13 25.4107 45.3867 25.8005 44.2326 25.8005Z"
2738
fill="white"
28-
fill-opacity="0.3"
39+
fill-opacity="0.1"
40+
/>
41+
<line
42+
x1="142.5"
43+
y1="20.5"
44+
x2="166.5"
45+
y2="20.5"
46+
stroke="white"
47+
stroke-opacity="0.1"
48+
stroke-width="5"
49+
stroke-linecap="round"
50+
/>
51+
<line
52+
x1="184.5"
53+
y1="20.5"
54+
x2="208.5"
55+
y2="20.5"
56+
stroke="white"
57+
stroke-opacity="0.1"
58+
stroke-width="5"
59+
stroke-linecap="round"
60+
/>
61+
<line
62+
x1="225.5"
63+
y1="20.5"
64+
x2="249.5"
65+
y2="20.5"
66+
stroke="white"
67+
stroke-opacity="0.1"
68+
stroke-width="5"
69+
stroke-linecap="round"
70+
/>
71+
<rect
72+
x="335"
73+
y="17"
74+
width="41"
75+
height="11"
76+
rx="3"
77+
fill="white"
78+
fill-opacity="0.1"
2979
/>
30-
<g clip-path="url(#clip1_549_2095)">
31-
<path
32-
d="M283.289 13C283.289 6.37258 288.661 1 295.289 1H533.289C539.916 1 545.289 6.37258 545.289 13V297C545.289 303.627 539.916 309 533.289 309H295.289C288.661 309 283.289 303.627 283.289 297V232V181L292.068 180.914C295.908 180.877 299 177.754 299 173.914V137C299 133.134 295.866 130 292 130H283.289V78V13Z"
33-
fill="url(#paint3_linear_549_2095)"
34-
fill-opacity="0.1"
35-
/>
36-
<path
37-
d="M285.484 180.979L289.874 180.936L289.878 181.436L292.073 181.414C293.083 181.404 294.045 181.195 294.922 180.824L294.727 180.363C296.422 179.646 297.774 178.28 298.475 176.578L298.938 176.768C299.3 175.888 299.5 174.924 299.5 173.914V170.838H299V164.686H299.5V158.533H299V152.381H299.5V146.229H299V140.076H299.5V137C299.5 135.984 299.298 135.014 298.931 134.129L298.469 134.32C297.759 132.609 296.391 131.241 294.68 130.531L294.871 130.069C293.986 129.702 293.016 129.5 292 129.5H289.822V130H285.466V129.5H283.789V126.75H283.289V120.25H283.789V113.75H283.289V107.25H283.789V100.75H283.289V94.25H283.789V87.75H283.289V81.25H283.789V78V74.75H283.289V68.25H283.789V61.75H283.289V55.25H283.789V48.75H283.289V42.25H283.789V35.75H283.289V29.25H283.789V22.75H283.289V16.25H283.789V13C283.789 11.4398 284.099 9.95332 284.661 8.59807L284.199 8.40655C285.416 5.47326 287.762 3.12695 290.695 1.91057L290.887 2.37243C292.242 1.81043 293.728 1.5 295.289 1.5H298.594V1H305.205V1.5H311.816V1H318.427V1.5H325.039V1H331.65V1.5H338.261V1H344.872V1.5H351.483V1H358.094V1.5H364.705V1H371.316V1.5H377.927V1H384.539V1.5H391.15V1H397.761V1.5H404.372V1H410.983V1.5H417.594V1H424.205V1.5H430.816V1H437.427V1.5H444.039V1H450.65V1.5H457.261V1H463.872V1.5H470.483V1H477.094V1.5H483.705V1H490.316V1.5H496.927V1H503.539V1.5H510.15V1H516.761V1.5H523.372V1H529.983V1.5H533.289C534.849 1.5 536.335 1.81043 537.691 2.37243L537.882 1.91057C540.815 3.12696 543.162 5.47326 544.378 8.40655L543.916 8.59807C544.478 9.95332 544.789 11.4398 544.789 13V16.381H545.289V23.1429H544.789V29.9049H545.289V36.6667H544.789V43.4286H545.289V50.1906H544.789V56.9524H545.289V63.7144H544.789V70.4763H545.289V77.2382H544.789V84.0001H545.289V90.762H544.789V97.5239H545.289V104.286H544.789V111.048H545.289V117.81H544.789V124.571H545.289V131.333H544.789V138.095H545.289V144.857H544.789V151.619H545.289V158.381H544.789V165.143H545.289V171.905H544.789V178.667H545.289V185.429H544.789V192.19H545.289V198.952H544.789V205.714H545.289V212.476H544.789V219.238H545.289V226H544.789V232.762H545.289V239.524H544.789V246.286H545.289V253.048H544.789V259.81H545.289V266.571H544.789V273.333H545.289V280.095H544.789V286.857H545.289V293.619H544.789V297C544.789 298.56 544.478 300.047 543.916 301.402L544.378 301.593C543.162 304.527 540.815 306.873 537.882 308.089L537.691 307.628C536.335 308.19 534.849 308.5 533.289 308.5H529.983V309H523.372V308.5H516.761V309H510.15V308.5H503.539V309H496.928V308.5H490.316V309H483.705V308.5H477.094V309H470.483V308.5H463.872V309H457.261V308.5H450.65V309H444.039V308.5H437.427V309H430.816V308.5H424.205V309H417.594V308.5H410.983V309H404.372V308.5H397.761V309H391.15V308.5H384.539V309H377.927V308.5H371.316V309H364.705V308.5H358.094V309H351.483V308.5H344.872V309H338.261V308.5H331.65V309H325.039V308.5H318.427V309H311.816V308.5H305.205V309H298.594V308.5H295.289C293.728 308.5 292.242 308.19 290.887 307.628L290.695 308.089C287.762 306.873 285.416 304.527 284.199 301.593L284.661 301.402C284.099 300.047 283.789 298.56 283.789 297V293.75H283.289V287.25H283.789V280.75H283.289V274.25H283.789V267.75H283.289V261.25H283.789V254.75H283.289V248.25H283.789V241.75H283.289V235.25H283.789V232V228.812H283.289V222.438H283.789V216.062H283.289V209.688H283.789V203.312H283.289V196.938H283.789V190.562H283.289V184.188H283.789V181.495L285.488 181.479L285.484 180.979Z"
38-
stroke="url(#paint4_linear_549_2095)"
39-
stroke-opacity="0.5"
40-
stroke-dasharray="6.77 6.77"
41-
/>
42-
<path
43-
d="M534.289 186.346C534.289 186.346 495.586 104.781 480.325 104.781C465.064 104.781 442.507 136.243 433.772 140.426C422.433 130.44 383.265 81 371.423 81C359.582 81 312.038 154.31 303.206 172.84C289.497 201.602 284.657 294 304.862 294C318.391 294 334.321 293.959 351.644 293.914C391.27 293.811 472.642 293.604 514.782 293.914C534.289 294.057 534.289 186.346 534.289 186.346Z"
44-
fill="url(#paint5_linear_549_2095)"
45-
fill-opacity="0.1"
46-
stroke="url(#paint6_linear_549_2095)"
47-
stroke-opacity="0.5"
48-
stroke-dasharray="6.77 6.77"
49-
/>
50-
<path
51-
d="M523.289 38.5C523.289 47.6127 515.901 55 506.789 55C497.676 55 490.289 47.6127 490.289 38.5C490.289 29.3873 497.676 22 506.789 22C515.901 22 523.289 29.3873 523.289 38.5Z"
52-
fill="white"
53-
fill-opacity="0.1"
54-
stroke="white"
55-
stroke-opacity="0.5"
56-
stroke-dasharray="6.77 6.77"
57-
/>
58-
</g>
59-
<g filter="url(#filter0_d_549_2095)">
60-
<rect
61-
x="247"
62-
y="129"
63-
width="53"
64-
height="53"
65-
rx="8"
66-
fill="white"
67-
fill-opacity="0.2"
68-
/>
69-
<rect
70-
x="247.5"
71-
y="129.5"
72-
width="52"
73-
height="52"
74-
rx="7.5"
75-
stroke="white"
76-
stroke-opacity="0.4"
77-
/>
78-
<path
79-
d="M290.573 140.698L282.126 149.125H287.844C288.266 149.125 288.672 149.293 288.971 149.592C289.27 149.891 289.437 150.296 289.437 150.719C289.437 151.141 289.27 151.547 288.971 151.846C288.672 152.144 288.266 152.312 287.844 152.312H278.281C277.858 152.312 277.453 152.144 277.154 151.846C276.855 151.547 276.687 151.141 276.687 150.719V141.156C276.687 140.733 276.855 140.328 277.154 140.029C277.453 139.73 277.858 139.562 278.281 139.562C278.704 139.562 279.109 139.73 279.408 140.029C279.707 140.328 279.875 140.733 279.875 141.156V146.874L288.302 138.427C288.612 138.173 289.005 138.043 289.405 138.062C289.805 138.082 290.183 138.25 290.467 138.533C290.75 138.816 290.918 139.195 290.937 139.595C290.957 139.995 290.827 140.388 290.573 140.698ZM268.719 158.687H259.156C258.733 158.687 258.328 158.855 258.029 159.154C257.73 159.453 257.562 159.858 257.562 160.281C257.562 160.704 257.73 161.109 258.029 161.408C258.328 161.707 258.733 161.875 259.156 161.875H264.874L256.427 170.302C256.128 170.604 255.96 171.012 255.96 171.437C255.96 171.863 256.128 172.271 256.427 172.573C256.732 172.867 257.139 173.032 257.562 173.032C257.986 173.032 258.393 172.867 258.698 172.573L267.125 164.126V169.844C267.125 170.266 267.293 170.672 267.592 170.971C267.891 171.269 268.296 171.437 268.719 171.437C269.141 171.437 269.547 171.269 269.846 170.971C270.145 170.672 270.312 170.266 270.312 169.844V160.281C270.312 159.858 270.145 159.453 269.846 159.154C269.547 158.855 269.141 158.687 268.719 158.687Z"
80-
fill="white"
81-
/>
82-
</g>
8380
</g>
8481
<defs>
85-
<filter
86-
id="filter0_d_549_2095"
87-
x="241.582"
88-
y="128"
89-
width="64.8356"
90-
height="64.8356"
91-
filterUnits="userSpaceOnUse"
92-
color-interpolation-filters="sRGB"
93-
>
94-
<feFlood
95-
flood-opacity="0"
96-
result="BackgroundImageFix"
97-
/>
98-
<feColorMatrix
99-
in="SourceAlpha"
100-
type="matrix"
101-
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
102-
result="hardAlpha"
103-
/>
104-
<feOffset dy="5.41779" />
105-
<feGaussianBlur stdDeviation="2.7089" />
106-
<feComposite
107-
in2="hardAlpha"
108-
operator="out"
109-
/>
110-
<feColorMatrix
111-
type="matrix"
112-
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.44 0"
113-
/>
114-
<feBlend
115-
mode="normal"
116-
in2="BackgroundImageFix"
117-
result="effect1_dropShadow_549_2095"
118-
/>
119-
<feBlend
120-
mode="normal"
121-
in="SourceGraphic"
122-
in2="effect1_dropShadow_549_2095"
123-
result="shape"
124-
/>
125-
</filter>
126-
<linearGradient
127-
id="paint0_linear_549_2095"
128-
x1="132.222"
129-
y1="0.5"
130-
x2="132.158"
131-
y2="249"
132-
gradientUnits="userSpaceOnUse"
133-
>
134-
<stop stop-color="white" />
135-
<stop
136-
offset="1"
137-
stop-color="white"
138-
stop-opacity="0"
139-
/>
140-
</linearGradient>
141-
<linearGradient
142-
id="paint1_linear_549_2095"
143-
x1="132.222"
144-
y1="0.5"
145-
x2="132.32"
146-
y2="262.646"
147-
gradientUnits="userSpaceOnUse"
148-
>
149-
<stop stop-color="white" />
150-
<stop
151-
offset="1"
152-
stop-color="white"
153-
stop-opacity="0"
154-
/>
155-
</linearGradient>
15682
<linearGradient
157-
id="paint2_linear_549_2095"
158-
x1="126.999"
159-
y1="48.1171"
160-
x2="132.171"
161-
y2="247.688"
83+
id="paint0_linear_1045_1037"
84+
x1="201.5"
85+
y1="0"
86+
x2="201.5"
87+
y2="102.822"
16288
gradientUnits="userSpaceOnUse"
16389
>
16490
<stop stop-color="white" />
@@ -169,11 +95,11 @@
16995
/>
17096
</linearGradient>
17197
<linearGradient
172-
id="paint3_linear_549_2095"
173-
x1="414.289"
174-
y1="1"
175-
x2="414.742"
176-
y2="284.957"
98+
id="paint1_linear_1045_1037"
99+
x1="201.5"
100+
y1="-1.34109e-07"
101+
x2="201.527"
102+
y2="153.598"
177103
gradientUnits="userSpaceOnUse"
178104
>
179105
<stop stop-color="white" />
@@ -184,63 +110,40 @@
184110
/>
185111
</linearGradient>
186112
<linearGradient
187-
id="paint4_linear_549_2095"
188-
x1="414.289"
189-
y1="1"
190-
x2="414.367"
191-
y2="210.328"
113+
id="paint2_linear_1045_1037"
114+
x1="126.944"
115+
y1="81.8036"
116+
x2="126.944"
117+
y2="152.885"
192118
gradientUnits="userSpaceOnUse"
193119
>
194120
<stop stop-color="white" />
195121
<stop
196122
offset="1"
197123
stop-color="white"
198-
stop-opacity="0"
199-
/>
200-
</linearGradient>
201-
<linearGradient
202-
id="paint5_linear_549_2095"
203-
x1="409.051"
204-
y1="53.515"
205-
x2="414.916"
206-
y2="203.513"
207-
gradientUnits="userSpaceOnUse"
208-
>
209-
<stop stop-color="white" />
210-
<stop
211-
offset="1"
212-
stop-color="white"
213-
stop-opacity="0"
124+
stop-opacity="0.13"
214125
/>
215126
</linearGradient>
216127
<linearGradient
217-
id="paint6_linear_549_2095"
218-
x1="409.051"
219-
y1="53.515"
220-
x2="414.916"
221-
y2="203.513"
128+
id="paint3_linear_1045_1037"
129+
x1="276.249"
130+
y1="81.8036"
131+
x2="276.249"
132+
y2="152.885"
222133
gradientUnits="userSpaceOnUse"
223134
>
224135
<stop stop-color="white" />
225136
<stop
226137
offset="1"
227138
stop-color="white"
228-
stop-opacity="0"
139+
stop-opacity="0.13"
229140
/>
230141
</linearGradient>
231-
<clipPath id="clip0_549_2095">
232-
<rect
233-
width="546"
234-
height="309"
235-
fill="white"
236-
/>
237-
</clipPath>
238-
<clipPath id="clip1_549_2095">
142+
<clipPath id="clip0_1045_1037">
239143
<rect
240-
width="263"
241-
height="308"
144+
width="403"
145+
height="226"
242146
fill="white"
243-
transform="translate(283 1)"
244147
/>
245148
</clipPath>
246149
</defs>

‎docs/nuxt.config.ts

+10-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
// https://nuxt.com/docs/api/configuration/nuxt-config
22
export default defineNuxtConfig({
33
extends: ['@nuxt/ui-pro'],
4+
45
modules: [
56
'@nuxt/content',
67
'@nuxt/ui',
@@ -10,6 +11,7 @@
1011
'@vueuse/nuxt',
1112
'@nuxt/image',
1213
],
14+
1315
hooks: {
1416
// Define `@nuxt/ui` components as global to use them in `.md` (feel free to add those you need)
1517
'components:extend': (components) => {
@@ -18,19 +20,26 @@
1820
globals.forEach(c => c.global = true)
1921
},
2022
},
23+
2124
ui: {
2225
icons: ['heroicons', 'simple-icons'],
2326
},
27+
2428
routeRules: {
2529
'/api/search.json': { prerender: true },
2630
},
31+
2732
devtools: {
2833
enabled: true,
2934
},
35+
3036
typescript: {
3137
strict: false,
3238
},
39+
3340
ui: {
3441
icons: ['heroicons', 'simple-icons', 'ph'],
3542
},
36-
})
43+
44+
compatibilityDate: '2024-07-17',
45+
})

‎docs/pages/index.vue

+6-8
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ useSeoMeta({
1515
ogImage: 'https://image.nuxt.com/social-card.png',
1616
twitterImage: 'https://image.nuxt.com/social-card.png',
1717
})
18-
const source = ref('npx nuxi@latest module add fonts')
18+
const source = ref('npx nuxi module add fonts')
1919
const { copy, copied } = useClipboard({ source })
2020
2121
// const providers = ['google', 'bunny', 'adobe', 'fontshare', 'fontsource']
@@ -31,10 +31,9 @@ const { copy, copied } = useClipboard({ source })
3131
orientation="horizontal"
3232
:ui="{ container: 'flex lg:gap-12' }"
3333
>
34-
<!-- TODO: -->
35-
<!-- <TheIllustration class="hidden lg:block h-64" /> -->
34+
<TheIllustration class="hidden lg:block h-64" />
3635
<template #title>
37-
Optimized Fonts for your <span class="text-primary-400">Nuxt Apps</span>
36+
Custom Web Fonts for <br><span class="text-primary-400">Nuxt Applications</span>
3837
</template>
3938
<template #description>
4039
Plug-and-play fonts optimization for Nuxt apps. Use and optimize your fonts using your favorite fonts CDN.
@@ -54,7 +53,7 @@ const { copy, copied } = useClipboard({ source })
5453
disabled
5554
autocomplete="off"
5655
size="xl"
57-
:ui="{ base: 'disabled:cursor-default', icon: { trailing: { pointer: '' } } }"
56+
:ui="{ base: 'w-[300px] disabled:cursor-default', icon: { trailing: { pointer: '' } } }"
5857
>
5958
<template #leading>
6059
<UIcon name="i-ph-terminal" />
@@ -118,12 +117,11 @@ const { copy, copied } = useClipboard({ source })
118117
/>
119118
</UPageGrid>
120119
</ULandingSection>
121-
<ULandingSection align="left">
120+
<ULandingSection>
122121
<template #title>
123-
Choose your<br><span class="text-primary-400">favorite provider</span>
122+
Choose your <span class="text-primary-400">favorite provider</span>
124123
</template>
125124
<template #description>
126-
Nuxt Fonts supports multiple providers.<br>
127125
Providers are integrations between Nuxt Fonts and third-party fonts CDN. Each provider is
128126
responsible for downloading and caching fonts from different providers. Nuxt Font can also be configured
129127
to work with any external image transformation service, or to work with custom providers.

0 commit comments

Comments
 (0)
Please sign in to comment.