Видео

Hi ,how to use it in option api

Hi Erik. That is cool. I have a question. I have one component in App.vue which receives prop isVisible Boolean type. Can I manage this from another child component? For example, If I click a button in the child component, isVisible changes

Skip the nonsense. The discussion starts here: 3:08

This is the video I've been needing! Finally, a proper explanation of the difference in usage and coding between <script>, <script> with the setup{} function, and <script setup>!! Bravo to you, Erik! Now, if only all those old videos that used just <script> or <script> with {setup} could be magically remade to use <script setup>....

Can you make video on Nuxt 3 + amplify gen 2 and how to use custom business logic in queries & mutations

I would really like to make a blog that builds from a drive folder with google-docs as blog posts. do you think its a good idea?

in the simplest words.....is this better and cheaper than Vercel?

dont think youre supposed to be putting divs in buttons. good video though i hadnt heard of these before

I've been able to get the subdomains working locally but not on Amplify. What gives? At least I've switched from Vercel to Amplify, so I guess the video did the trick.

How can we run this on a same server as the project?

Remove .value simply confuse us whether it is reactive variable or not. No doubt code shorter

Assuming you need to handle secrets how would you do that? Also, what do you use as DB and how do you connect to it? Thank you!

primevue + tailwind?

Is it possible to access and just run the command on the server pipeline is running or I always need to work from task?

I think Quasar is still best for vue

Hi Erik, wonderful video. I just want to let you know that I keep running into issues with sandbox creation and was wondering if this is something that can be fixed through some IAM permissions-I just don't know what: The CloudFormation deployment has failed. Caused By: ❌ Deployment failed: Error: Failed to publish asset a183ddccbd956316c38ef97177b8f088ef0826f62023323f5ae6053d348ccffc:current_account-current_region Resolution: Find more information in the CloudFormation AWS Console for this stack.

Trying to find an example of using Amplify with ALB for authentication in a React app. We have an EKS cluster and with ALB hosting the authentication but I can figure out how to hook the react app up to use it. Any examples would be extremely helpful

It's work for me in static, but no mongo db connection detected... why ?

Where’s Angular? 😂

It doesn't work when you have a api database inside server folder, why ?

Never knows about i can auto import other lib with preset

Hi Eric , I think this is not a good pattern for this use case because a single relatively simple AppBtn cmp can take all of the needed use cases very easily including : loading , disable , color , size & icons. It's better to create a single button with not much of a code. the icons are just props because I'm holding all of them as <symbol> and the svg that contain all of them is in the app root. each Icon is with currentColor value and there is really not much code to get all of those use cases . this is for a button! for other components which are more complex I think the pattern that u suggested will work better.

very nice video. Thanks

need same type of video of Quasar please.

Cool. Worth a look. Will the CSS of the Amplify library still interfere if I use Tailwind CSS? Can I style the authentication screen with TailwindCSS? Can I add social login providers such as google easily? Can I deploy the Amplify stack with Terraform? These are some of the features I'd need to really use it in production.

Hi Eric, thank you for the video. Could you please clarify something for me? If I divide my project into separate front-end and back-end, and the front-end team doesn't have access to the schema, how do they achieve type safety? You mentioned this at timestamp 45:33.

As a seasoned Vue developer that is switching to React, this is gold. I will definitely be missing the pretty scoped slots. React feels ugly ish. But I'm excited for the sheer amount of community libraries.

I would really love the prop validation on the compile side (vue, vite combination).. vueTsc is not working with options API and also not with more complex types (Classes).. from the console.warn perspective is (which is here mentioned) good only on runtime.. if you have 1 component used in multiple places (or inside the library) this is not enough.. also using vscode plugin is only checking opened files which is also not good enough.. I think react/vite/typescript is more mature for now.. sadly.. Vue 2 with webpack had this options...

Zoom

Extract smaller snippets to separate components, for sure. Sometimes, however, you still end up with a component that has very very long "class" attribute. In such situations you can simply try to create multilines (which is possible even with all that prettier config), i.e.: <div :class="[ 'my-4 p-4', 'bg-blue-500 border border-blue-300 rounded-lg', 'text-white text-center', 'flex flex-col justify-center', ]"> ... </div>

thanks

Always options api easy organised and the very reason why i fell in love with vue,

what about dynamic title in meta titles? i am using @vueuse/head when i share my link to facebook its not picking up its title or description. @ProgramWithErik

its nice to have a youtuber here that uses vue3 with the most latest syntax ( script setup) and keeps teaching about new concept and ideas! Will definetly keep checking this channel out because its a scarce vue resource

what version are you using ?

Thank you it was perfect, I was able to learn AWS amplify!

I am getting below error Vitest error "SyntaxError: Need to install with `app.use` function" when using vue-i18n plugin for Vue3

im using composition api for exposing props inside in child

As a addition, even with one app Nx is great for big apps to create and manage a architecture

This feature has been dropped in version 3.4

so how do we list the posts or post comments by date? Cannot find anything in the docs....

I used to love Gridsome. So sad that’s dead…

Where is aws-exports folder?

Great video thanks! I'm using a monorepo with a common tailwind config file that contains all my style customization. Is it possible to use this tailwind file to configure NuxtUI? If so, how?

been having a hard time with RBAC in nuxt using nuxt middlware if you could do a tutorial that could be super helpful asumming the user object returned from the api call will have a roles key where user might either be an admin , trader or regular usertag me once the tutorial comes out

Full tutorial will be amazing

I am getting a 404 when accesing my deploy app, you know why?

I am getting a 404 error when entering my project amplify's default url, you know why?

Here's a radical idea - presets Inspired by PrimeVue Tailwind If you think about it - TW classes are just strings, right? So, what if we put the most commonly used combination of these strings into their own variables and share those across components? Obviously, the argument around extra level of abstraction kicks in and keeping the structure of these variables sane comes just like it does when using CSS or SCSS naturally. But at least if you just can't stand the look of your HTML in code editor to the point of it making your eyes bleed and you wake up in cold sweat from the thought of having to update 100s of instances of various components because of new styles... this could be a way to condence those unruly class chains without incurring the costs of @apply 🤔 What do you think, Erik? @ProgramWithErik