Skip to content

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

@angelhdzmultimedia

Description

@angelhdzmultimedia

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/Typescript typing tailwindlabs/heroicons#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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions