insidewebdev/twitter-clone

twitter-clone's Issues

add likes to tweets

an idea for users to add likes to tweets

have to refresh routes on both home and status routes

for any data to appear you have to refresh routes on both home and status routes. hydration error.

Hydration completed but contains mismatches.

do not show replies on tweets home page

reserve home page for tweets created on home page.

only show replies to tweets on the individual status/:id page

YouTube keeps deleting my comments! A list of changes and tips for the video

YouTube keeps deleting my comments because it flagged them as "SPAM" for including the URL of MongoDB and the issues page of HeroIcons. So I sent you the list of changes as of January 23 2023 and some tips for people using TypeScript to follow your tutorial.
I sent it to your Facebook page and here, so you can add these tips in the video's description or in a Pinned comment.

As of January 23 2023:

• @heroicons are now imported from @heroicons/vue/24/solid or @heroicons/vue/24/outline.
• Many h3 packages hooks (functions) have been renamed like useCookie = getCookie and useBody = readBody.
• setCookie requires now the H3Event instance "event" and not event.res. Also, event.res is now event.node.res.
• Many @heroicons icons were renamed, like DotsHorizontalIcon = EllipsisHorizontalIcon.
• We need to install @prisma/client. I installed v4.9.0.
• As of prisma v4.7.0 the referentialIntegrity field was renamed to relationMode and its not longer
  "previewFeatures".
• When defining the auth server middleware, in pattern.match we pass event.node.req.url instead of event.req.url.

Tips:

• To get TypeScript types, create heroicons.d.ts file in the root of the project, with the code found in one of the replies to this issue: GithubWebsiteUrlHere/tailwindlabs/heroicons/issues/64#issuecomment-877717508
• If you get "Vue Warn" warning messages, add this to nuxt.config.ts: build: { transpile: ['@heroicons/vue'] }. It's discussed further in the video
  but not at the time we start adding icons.
• If you are using TypeScript, remember to install these packages: @types/jsonwebtoken, @types/bcrypt
• prisma.user.create requires an object with a data property. so: prisma.user.create({data: userData}) and not: prisma.user.create(userData)
• If you are using MongoDB in local mode, Prisma requires running MongoDB server in replication mode.
  When starting the mongo server, add the --replSet flag followed by a name: mongod --dbpath=C:\mongodb\db --replSet rs0
  And in .env of the Nuxt project, in the DATABASE_URL variable, add: MongoDBAddressWithHostAndPort/database-name?replicaSet=rs0
  (where MongoDBAddressWithHostAndPort is the mongo prefix with the host or IP and the port, can't type web URLs here or my message gets deleted).

Thanks to the author for such an awesome video and for the comments that helped to solve few of the issues.
Wishing you all health, peace, and success.

add registration form

refresh token is invalid when creating register page

`useBody()` and `useCookie()` are no longer supported in server side.

new syntax:
const body = await readBody(event);
const cookies = parseCookies(event);