Look at the Nuxt 3 documentation to learn more.
Make sure to install the dependencies:
# yarn
yarn install
# npm
npm install
# pnpm
pnpm install
Start the development server on http://localhost:3000
npm run dev
Build the application for production:
npm run build
Locally preview production build:
npm run preview
Check out the deployment documentation for more information.
all static text should define in locale file
- custom in plugins/modal.js
const { $modal } = useNuxtApp()
$modal.show({
component: 'name of component that render',
wrapper: 'name of wrapper component',
props: {}, // component props
wrapperProps: {} // wrapper props
})
const { $showLoading } = useNuxtApp()
$showLoading(true)
// some asynchronous function
$showLoading(false)
- toast types:
success
,show
,error
,warning
- default type:
show
const { $toast } = useNuxtApp()
$toast.show({
message: 'toast test',
type: 'success'
})
using filter class in svg-filter.scss
setValues
setFieldValue
can only set with String
- middleware
- custom directive
- seperate logic and UI
- replace hardcode content
toast improve- build pinia first
- swriper: fix first element
handle loading global- loading component
- lazy component
- skeleton
- dayjs locale vn
- favicon missing some page
- route param
error
return to error page - error page
- modal disable scroll when open
- fetch data hook -> loadmore
- component loading on visble
- lazyloading image -> loading on visible
- handle like
- follow user
- related posts
- unit search dropdown
- create tags
- update recipe
- vee-validate set image
- middleware
- debounce search input
- remove image upload
- create nuxt server for upload image
- auto compile scss file
- img src svg to svg
https://github.com/iconfu/svg-inject
- animation
- confirm message dialog improve UI