Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Appearance settings

Commit e58e1e9

Browse filesBrowse files
rohrigrohrig
committed
Merge branch 'main' into feature/testing
2 parents f2476f9 + a17513f commit e58e1e9
Copy full SHA for e58e1e9

File tree

Expand file treeCollapse file tree

13 files changed

+77
-7195
lines changed
Filter options
Expand file treeCollapse file tree

13 files changed

+77
-7195
lines changed

‎components/User.vue

Copy file name to clipboardExpand all lines: components/User.vue
+1-1Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ onClickOutside(userActions, () => hideActions.value = true)
2222

2323
<div @click="hideActions = !hideActions">
2424
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke-width="1.5"
25-
stroke="currentColor" class="w-6 h-6 dark:text-white">
25+
stroke="currentColor" class="w-6 h-6 dark:text-white hover:dark:text-green-400 hover:text-green-400">
2626
<path stroke-linecap="round" stroke-linejoin="round"
2727
d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z" />
2828
</svg>

‎components/elements/SiteMapGrid.vue

Copy file name to clipboardExpand all lines: components/elements/SiteMapGrid.vue
+4-4Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@
3030
<nuxt-link to="/ask-jack/search">
3131
<div class="relative mb-5">
3232
<dt>
33-
<div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
33+
<div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white bg-gradient-to-r hover:from-green-500 hover:to-teal-400 md:hover:scale-110">
3434
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
3535
<path fill-rule="evenodd"
3636
d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z"
@@ -48,7 +48,7 @@
4848
<nuxt-link to="/">
4949
<div class="relative mb-5">
5050
<dt>
51-
<div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
51+
<div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white bg-gradient-to-r hover:from-green-500 hover:to-teal-400 md:hover:scale-110">
5252
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
5353
stroke="currentColor" stroke-width="2">
5454
<path stroke-linecap="round" stroke-linejoin="round"
@@ -66,14 +66,14 @@
6666
<a href="mailto:info@fullstackjack.dev">
6767
<div class="mb-5">
6868
<dt>
69-
<div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
69+
<div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white bg-gradient-to-r hover:from-green-500 hover:to-teal-400 md:hover:scale-110">
7070
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
7171
stroke="currentColor" stroke-width="2">
7272
<path stroke-linecap="round" stroke-linejoin="round"
7373
d="M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z" />
7474
</svg>
7575
</div>
76-
<p class="ml-16 text-lg leading-6 font-medium dark:text-white text-gray-900">Connect</p>
76+
<p class="ml-16 text-lg leading-6 font-medium dark:text-white text-gray-900 md:hover:scale-110 duration-500">Connect</p>
7777
</dt>
7878
<dd class="mt-2 ml-16 text-base text-gray-500">
7979
Sponorships, Offers, etc.

‎components/elements/TopicCard.vue

Copy file name to clipboardExpand all lines: components/elements/TopicCard.vue
+17-26Lines changed: 17 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -10,15 +10,21 @@ defineProps({
1010

1111
<template>
1212
<nuxt-link :to="topic.url">
13-
<div class="flex items-center border-b border-gray-200 dark:border-gray-700 pb-12 mr-5">
14-
<img class="h-16" :src="topic.image" v-if="topic.image !== '/img/nuxt3.svg'" alt="nuxt 3 logo">
15-
<svg v-if="topic.image == '/img/nuxt3.svg'" viewBox="0 0 221 65" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-26 mr-5">
13+
<div class="flex justify-center pb-12 mb-10 min-h-content mr-5" :class="{
14+
'hover:border-green-700 hover:dark:border-green-700': topic.accentColor == 'green',
15+
'hover:border-red-700 hover:dark:border-red-700': topic.accentColor == 'red',
16+
'hover:border-indigo-700 hover:dark:border-indigo-700': topic.accentColor == 'indigo'
17+
}">
18+
<img class="h-16 md:h-96" :src="topic.image" v-if="topic.image !== '/img/nuxt3.svg'" alt="nuxt 3 logo">
19+
<svg v-if="topic.image == '/img/nuxt3.svg'" viewBox="0 0 221 65" fill="none" xmlns="http://www.w3.org/2000/svg"
20+
class="h-26 md:h-96 mr-5">
1621
<g clip-path="url(#a)">
1722
<path fill="currentColor"
18-
d="M82.5623 18.5705h7.3017l15.474 24.7415V18.5705h6.741v35.0576h-7.252L89.3025 28.938v24.6901h-6.7402V18.5705ZM142.207 53.628h-6.282v-3.916c-1.429 2.7559-4.339 4.3076-8.015 4.3076-5.822 0-9.603-4.1069-9.603-10.0175V28.3847h6.282v14.3251c0 3.4558 2.146 5.8592 5.362 5.8592 3.524 0 5.974-2.7044 5.974-6.4099V28.3847h6.282V53.628ZM164.064 53.2289l-6.026-8.4144-6.027 8.4144h-6.69l9.296-13.1723-8.58-12.0709h6.843l5.158 7.2641 5.106-7.2641h6.895l-8.632 12.0709 9.295 13.1723h-6.638ZM183.469 20.7726v7.6116h7.149v5.1593h-7.149v12.5311c0 .4208.17.8245.473 1.1223.303.2978.715.4654 1.144.4661h5.532v5.9547h-4.137c-5.617 0-9.293-3.2062-9.293-8.8109V33.5484h-5.056v-5.1642h3.172c1.479 0 2.34-.8639 2.34-2.2932v-5.3184h5.825Z"></path>
23+
d="M82.5623 18.5705h7.3017l15.474 24.7415V18.5705h6.741v35.0576h-7.252L89.3025 28.938v24.6901h-6.7402V18.5705ZM142.207 53.628h-6.282v-3.916c-1.429 2.7559-4.339 4.3076-8.015 4.3076-5.822 0-9.603-4.1069-9.603-10.0175V28.3847h6.282v14.3251c0 3.4558 2.146 5.8592 5.362 5.8592 3.524 0 5.974-2.7044 5.974-6.4099V28.3847h6.282V53.628ZM164.064 53.2289l-6.026-8.4144-6.027 8.4144h-6.69l9.296-13.1723-8.58-12.0709h6.843l5.158 7.2641 5.106-7.2641h6.895l-8.632 12.0709 9.295 13.1723h-6.638ZM183.469 20.7726v7.6116h7.149v5.1593h-7.149v12.5311c0 .4208.17.8245.473 1.1223.303.2978.715.4654 1.144.4661h5.532v5.9547h-4.137c-5.617 0-9.293-3.2062-9.293-8.8109V33.5484h-5.056v-5.1642h3.172c1.479 0 2.34-.8639 2.34-2.2932v-5.3184h5.825Z">
24+
</path>
1925
<path fill-rule="evenodd" clip-rule="evenodd"
20-
d="M30.1185 11.5456c-1.8853-3.24168-6.5987-3.24169-8.484 0L1.08737 46.8747c-1.885324 3.2417.47133 7.2938 4.24199 7.2938H21.3695c-1.6112-1.4081-2.2079-3.8441-.9886-5.9341l15.5615-26.675-5.8239-10.0138Z"
21-
fill="#80EEC0"></path>
26+
d="M30.1185 11.5456c-1.8853-3.24168-6.5987-3.24169-8.484 0L1.08737 46.8747c-1.885324 3.2417.47133 7.2938 4.24199 7.2938H21.3695c-1.6112-1.4081-2.2079-3.8441-.9886-5.9341l15.5615-26.675-5.8239-10.0138Z"
27+
fill="#80EEC0"></path>
2228
<path
2329
d="M43.1374 19.2952c1.5603-2.6523 5.461-2.6523 7.0212 0l17.0045 28.9057c1.5603 2.6522-.39 5.9676-3.5106 5.9676h-34.009c-3.1206 0-5.0709-3.3154-3.5106-5.9676l17.0045-28.9057ZM209.174 53.8005H198.483c0-1.8514.067-3.4526 0-6.0213h10.641c1.868 0 3.353.1001 4.354-.934 1-1.0341 1.501-2.3351 1.501-3.9029 0-1.8347-.667-3.2191-2.002-4.1532-1.301-.9674-2.985-1.4511-5.054-1.4511h-2.601v-5.2539h2.652c1.701 0 3.119-.4003 4.253-1.2009 1.134-.8006 1.701-1.9849 1.701-3.5527 0-1.301-.434-2.3351-1.301-3.1023-.834-.8007-2.001-1.201-3.503-1.201-1.634 0-2.918.4837-3.853 1.4511-.9.9674-1.401 2.1517-1.501 3.5527h-6.254c.133-3.2358 1.251-5.7877 3.352-7.6558 2.135-1.868 4.887-2.8021 8.256-2.8021 2.402 0 4.42.4337 6.055 1.301 1.668.834 2.919 1.9515 3.753 3.3525.867 1.4011 1.301 2.9523 1.301 4.6536 0 1.9681-.551 3.636-1.651 5.0037-1.068 1.3344-2.402 2.235-4.004 2.7021 1.969.4003 3.57 1.3677 4.804 2.9022 1.234 1.5011 1.852 3.4025 1.852 5.7043 0 1.9347-.468 3.7028-1.402 5.304-.934 1.6012-2.301 2.8855-4.103 3.8529-1.768.9674-3.953 1.4511-6.555 1.4511Z"
2430
fill="#00DC82"></path>
@@ -29,28 +35,13 @@ defineProps({
2935
</clipPath>
3036
</defs>
3137
</svg>
32-
<div class="flex items-start justify-between w-full">
33-
<div class="pl-3 w-full">
34-
<div tabindex="0" class="focus:outline-none text-xl font-medium leading-5 text-gray-800 dark:text-white ">
35-
<div v-if="topic.showName" class="mt-5 ">
36-
{{topic.displayName}}
37-
</div>
38-
</div>
39-
<p tabindex="0" class="focus:outline-none text-sm leading-normal pt-2 text-gray-500 dark:text-gray-200 ">
40-
<!-- {{category.lessonQuantity}}-->
41-
</p>
38+
<div tabindex="0" class="focus:outline-none text-xl font-medium leading-5 text-gray-800 dark:text-white ">
39+
<div v-if="topic.showName" class="mt-5 ">
40+
{{ topic.displayName }}
4241
</div>
43-
<div role="img" aria-label="bookmark">
44-
45-
</div>
46-
</div>
47-
</div>
48-
<div class="px-2">
49-
<p tabindex="0" class="focus:outline-none text-sm leading-5 py-4 dark:text-white">
50-
51-
</p>
52-
<div tabindex="0" class="focus:outline-none flex">
5342
</div>
5443
</div>
44+
45+
5546
</nuxt-link>
5647
</template>

‎components/layout/navbar.vue

Copy file name to clipboardExpand all lines: components/layout/navbar.vue
+11-10Lines changed: 11 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -93,17 +93,17 @@ watch(user, async () => {
9393

9494
<NuxtLink to="https://github.com/jurassicjs/nuxt3-fullstack-tutorial">
9595
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true"
96-
role="img" class="dark:text-gray-50 h-6 w-6 hidden lg:block" width="0.97em" height="1em"
96+
role="img" class="dark:text-gray-50 h-6 w-6 hidden lg:block hover:dark:text-gray-400 hover:text-gray-400" width="0.97em" height="1em"
9797
preserveAspectRatio="xMidYMid meet" viewBox="0 0 496 512">
9898
<path fill="currentColor"
9999
d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6c-3.3.3-5.6-1.3-5.6-3.6c0-2 2.3-3.6 5.2-3.6c3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9c2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9c.3 2 2.9 3.3 5.9 2.6c2.9-.7 4.9-2.6 4.6-4.6c-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2c12.8 2.3 17.3-5.6 17.3-12.1c0-6.2-.3-40.4-.3-61.4c0 0-70 15-84.7-29.8c0 0-11.4-29.1-27.8-36.6c0 0-22.9-15.7 1.6-15.4c0 0 24.9 2 38.6 25.8c21.9 38.6 58.6 27.5 72.9 20.9c2.3-16 8.8-27.1 16-33.7c-55.9-6.2-112.3-14.3-112.3-110.5c0-27.5 7.6-41.3 23.6-58.9c-2.6-6.5-11.1-33.3 2.6-67.9c20.9-6.5 69 27 69 27c20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27c13.7 34.7 5.2 61.4 2.6 67.9c16 17.7 25.8 31.5 25.8 58.9c0 96.5-58.9 104.2-114.8 110.5c9.2 7.9 17 22.9 17 46.4c0 33.7-.3 75.4-.3 83.6c0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252C496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2c1.6 1.6 3.9 2.3 5.2 1c1.3-1 1-3.3-.7-5.2c-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9c1.6 1 3.6.7 4.3-.7c.7-1.3-.3-2.9-2.3-3.9c-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2c2.3 2.3 5.2 2.6 6.5 1c1.3-1.3.7-4.3-1.3-6.2c-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9c1.6 2.3 4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2c-1.4-2.3-4-3.3-5.6-2z">
100100
</path>
101101
</svg>
102102
</NuxtLink>
103103

104-
<NuxtLink to="https://discord.gg/tFGTQBdT" class="text-gray-800 hidden lg:block">
104+
<NuxtLink to="https://discord.gg/9XXEvE43pG" class="text-gray-800 hidden lg:block">
105105
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
106-
class="text-black dark:text-gray-200 h-6 w-6 ml-2" viewBox="0 -28.5 256 256" version="1.1"
106+
class="text-black dark:text-gray-200 h-6 w-6 ml-2 hover:dark:text-purple-400 hover:text-purple-400" viewBox="0 -28.5 256 256" version="1.1"
107107
preserveAspectRatio="xMidYMid">
108108
<g>
109109
<path
@@ -113,8 +113,8 @@ watch(user, async () => {
113113
</svg>
114114
</NuxtLink>
115115

116-
<NuxtLink to="https://twitter.com/jack_fullstack">
117-
<svg class="dark:text-gray-50 h-6 w-6 hidden lg:block" fill="none" viewBox="0 0 24 24">
116+
<NuxtLink to="https://twitter.com/full_stack_jack">
117+
<svg class="dark:text-gray-50 h-6 w-6 hidden lg:block hover:dark:text-blue-400 hover:text-blue-400" fill="none" viewBox="0 0 24 24">
118118
<path fill-rule="evenodd" clip-rule="evenodd"
119119
d="M22 5.897c-.75.33-1.5.577-2.333.66A4.4 4.4 0 0021.5 4.33c-.833.495-1.667.825-2.583.99a4.053 4.053 0 00-3-1.32c-2.25 0-4.084 1.814-4.084 4.041 0 .33 0 .66.084.907-3.5-.165-6.5-1.814-8.5-4.288-.417.66-.584 1.32-.584 2.062 0 1.402.75 2.639 1.834 3.381-.667 0-1.334-.165-1.834-.495v.083c0 1.98 1.417 3.629 3.25 3.958-.333.083-.666.165-1.083.165-.25 0-.5 0-.75-.082.5 1.65 2 2.804 3.833 2.804C6.667 17.608 4.917 18.268 3 18.268c-.333 0-.667 0-1-.082C3.833 19.34 6 20 8.25 20c7.583 0 11.667-6.186 11.667-11.546v-.495c.833-.578 1.5-1.32 2.083-2.062z"
120120
fill="currentColor"></path>
@@ -123,17 +123,18 @@ watch(user, async () => {
123123

124124
<span class="hidden md:block " @click="setColorTheme($colorMode.preference == 'dark' ? 'light' : 'dark')">
125125
<svg v-if="$colorMode.value == 'dark'" xmlns="http://www.w3.org/2000/svg"
126-
class="h-6 w-6 text-gray-50 hidden lg:block" viewBox="0 0 20 20" fill="currentColor">
126+
class="h-6 w-6 text-gray-50 hidden lg:block hover:dark:text-yellow-400 hover:text-yellow-400"
127+
viewBox="0 0 20 20"
128+
fill="currentColor">
127129
<path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" />
128130
</svg>
129-
<svg v-if="$colorMode.value == 'light'" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 hidden lg:block"
130-
viewBox="0 0 20 20" fill="currentColor">
131+
<svg v-if="$colorMode.value == 'light'" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 hidden lg:block hover:dark:text-yellow-400 hover:text-yellow-400"
132+
viewBox="0 0 20 20" fill="currentColor ">
131133
<path fill-rule="evenodd"
132134
d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
133135
clip-rule="evenodd" />
134136
</svg>
135137
</span>
136-
137138
<User :isLoggedIn="isLoggedIn" class="hidden md:block" />
138139
</div>
139140
</div>
@@ -144,7 +145,7 @@ watch(user, async () => {
144145
<div id="drawer-navigation" :class="{ hidden: !showSideDrawer }"
145146
class="fixed z-40 top-0 h-screen transition-all duration-700 p-4 overflow-y-auto bg-white w-80 dark:bg-gray-800"
146147
tabindex="-1" aria-labelledby="drawer-navigation-label">
147-
<h5 id="drawer-navigation-label" class="text-base font-semibold text-gray-500 dark:text-gray-200 uppercase">Menu
148+
<h5 id="drawer-navigation-label" class="text-base font-semibold text-gray-500 dark:text-gray-200 uppercase hover:dark:text-green-400 hover:text-green-400">Menu
148149
</h5>
149150

150151
<button @click="showSideDrawer = false" type="button" data-drawer-dismiss="drawer-navigation"

‎composables/useAuth.ts

Copy file name to clipboardExpand all lines: composables/useAuth.ts
+10-8Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -5,14 +5,16 @@ import consolaGlobalInstance from "consola";
55

66
export const useAuthCookie = () => useCookie('auth_token')
77

8-
export async function useUser(): Promise<IUser> {
8+
export async function useUser(): Promise<IUser|null> {
99
const authCookie = useAuthCookie().value
10-
const user = useState<IUser>('user')
10+
const user = useState<IUser|null>('user')
1111

1212
if (authCookie && !user.value) {
1313

14-
const { data } = await useFetch(`/api/auth/getByAuthToken`, {
15-
headers: useRequestHeaders(['cookie']),
14+
const cookieHeaders = useRequestHeaders(['cookie'])
15+
16+
const { data } = await useFetch<IUser>(`/api/auth/getByAuthToken`, {
17+
headers: cookieHeaders as HeadersInit,
1618
})
1719

1820
user.value = data.value
@@ -46,7 +48,7 @@ export async function registerWithEmail(
4648
name: string,
4749
email: string,
4850
password: string
49-
): Promise<FormValidation> {
51+
): Promise<FormValidation|undefined> {
5052

5153
try {
5254
const { data, error } = await useFetch<ISession>('/api/auth/register', {
@@ -71,9 +73,9 @@ export async function registerWithEmail(
7173

7274
if (data) {
7375
useState('user').value = data
74-
await useRouter().push('/dashboard')
76+
await useRouter().push('/topics')
7577
}
76-
} catch (e) {
78+
} catch (e: any) {
7779
console.log('error: ' + e.toString())
7880
}
7981
}
@@ -84,7 +86,7 @@ export async function loginWithEmail(usernameOrEmail: string, password: string):
8486
const user = await $fetch<IUser>('/api/auth/login', { method: 'POST', body: { usernameOrEmail: usernameOrEmail, password: password } })
8587
console.log(user)
8688
useState('user').value = user
87-
await useRouter().push('/dashboard')
89+
await useRouter().push('/topics')
8890
return true
8991
} catch(e) {
9092
return false

‎package.json

Copy file name to clipboardExpand all lines: package.json
+8-7Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -14,20 +14,21 @@
1414
"prisma:migrate": "dotenv -e .env -- npx prisma migrate deploy --name prod"
1515
},
1616
"devDependencies": {
17-
"@nuxt/content": "^2.1.1",
17+
"@nuxt/content": "^2.2.1",
1818
"@nuxt/postcss8": "^1.1.3",
1919
"@nuxt/test-utils-edge": "^3.0.0-rc.13-27777092.59d8c51",
2020
"@nuxtjs/color-mode": "^3.1.8",
21-
"@nuxtjs/tailwindcss": "^6.1.2",
21+
"@nuxtjs/tailwindcss": "^6.1.3",
22+
2223
"@types/bcrypt": "^5.0.0",
2324
"@types/uuid": "^8.3.4",
24-
"autoprefixer": "^10.4.12",
25-
"jsdom": "^20.0.1",
26-
"nuxt": "^3.0.0-rc.12",
25+
"autoprefixer": "^10.4.13",
26+
"jsdom": "^20.0.2",
27+
"nuxt": "^3.0.0-rc.13",
2728
"nuxt-icon": "^0.1.7",
2829
"postcss": "^8.4.18",
29-
"tailwindcss": "^3.2.1",
30-
"vitest": "^0.24.3"
30+
"tailwindcss": "^3.2.2",
31+
"vitest": "^0.24.5"
3132
},
3233
"dependencies": {
3334
"@formkit/auto-animate": "^1.0.0-beta.3",

‎pages/index.vue

Copy file name to clipboardExpand all lines: pages/index.vue
+1-1Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ const show = ref(true)
1212
<div class="text-center ">
1313
<img class="w-auto" src="/img/dude-type.png" alt="dude image">
1414
<p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight md:text-7xl dark:text-white">
15-
Full Stack <span class="bg-clip-text text-transparent bg-gradient-to-r from-indigo-500 to-teal-400">Step by
15+
Full Stack <span class="bg-clip-text text-transparent bg-gradient-to-r from-indigo-500 to-teal-400 hover:from-green-500 hover:to-teal-400">Step by
1616
Step</span>
1717
</p>
1818

‎pages/topics/index.vue

Copy file name to clipboardExpand all lines: pages/topics/index.vue
+13-8Lines changed: 13 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,23 @@
11
<script setup lang="ts">
22
import TopicCard from "~~/components/elements/TopicCard.vue";
33
const route = useRoute()
4-
const {data: rows} = await useFetch('/api/topics', {key: route.fullPath})
4+
const { data: rows } = await useFetch('/api/topics', { key: route.fullPath })
55
</script>
66

77
<template>
8-
<div class="min-h-screen bg-gradient-to-b from-white to-blue-200 dark:bg-gradient-to-b dark:from-slate-800 dark:to-slate-400 ">
8+
<div>
99
<div v-if="rows">
10-
<div aria-label="group of cards" tabindex="0" class="focus:outline-none py-8 w-full " >
11-
<div v-for="row in rows" class="lg:flex items-center justify-center w-full" >
12-
<div v-for="topic in row"
13-
aria-label="card 1"
14-
class="focus:outline-none lg:w-4/12 lg:m-7 lg:mb-0 mb-7 dark:bg-gray-800 bg-white p-6 shadow rounded transition duration-500 hover:scale-110">
15-
<TopicCard :topic="topic"/>
10+
<div aria-label="group of cards" tabindex="0" class="py-8 w-full ">
11+
<div v-for="row in rows" class="lg:flex items-center justify-center w-full">
12+
<div v-for="topic in row" aria-label=""
13+
class="lg:w-4/12 lg:m-7 md:h-108 lg:mb-0 mb-7 dark:bg-gray-800 bg-white
14+
p-6 shadow rounded transition duration-500 hover:scale-110 dark:hover:shadow-xl hover:shadow-xl" :class="
15+
{
16+
'hover:dark:shadow-green-400 hover:shadow-green-400': topic.accentColor == 'green',
17+
'hover:dark:shadow-red-400 hover:shadow-red-400': topic.accentColor == 'red',
18+
'hover:dark:shadow-indigo-400 hover:shadow-indigo-400': topic.accentColor == 'indigo',
19+
}">
20+
<TopicCard :topic="topic" />
1621
</div>
1722
</div>
1823
</div>

0 commit comments

Comments
0 (0)
Morty Proxy This is a proxified and sanitized view of the page, visit original site.