Top

Nuxt Folder Structure

We have used the best folder structure.If you want check some images path and scss folder structure you can refer this page

  • Mofi
    • assets
      • fonts
        • calendar
        • feather
        • flag-icon
        • font-awesome
        • ico
        • summernote
        • themify
      • scss
        • base
          • _reset.scss
          • _typography.scss
        • components
          • _according.scss
          • _alert.scss
          • _avatars.scss
          • _badge.scss
          • _basic-card.scss
          • _bookmark.scss
          • _breadcrumb.scss
          • _buttons.scss
          • _card.scss
          • _toasts.scss
          • _datatable.scss
          • _datepicker.scss
          • _dropdown.scss
          • _range-slider.scss
          • _form-input.scss
          • _form-wizard.scss
          • _forms.scss
          • _modal.scss
          • _icons.scss
          • _list.scss
          • _loader.scss
          • _popover.scss
          • _print.scss
          • _radio.scss
          • _ribbon.scss
          • _scrollbar.scss
          • _switch.scss
          • _tab.scss
          • _table.scss
          • _touchspin.scss
          • _tour.scss
          • _tree.scss
          • _typeahead-search.scss
        • layout
          • _box-layout.scss
          • _footer.scss
          • _grid.scss
          • _header.scss
          • _navs.scss
          • _rtl.scss
          • _search.scss
          • _select2.scss
          • _sidebar.scss
        • pages
          • _add-product.scss
          • _blog.scss
          • _bookmark-app.scss
          • _cart.scss
          • _chart.scss
          • _chat.scss
          • _checkout.scss
          • _comingsoon.scss
          • _contacts.scss
          • _dashboard_2.scss
          • _dashboard_3.scss
          • _editors.scss
          • _dashboard_default.scss
          • _ecommerce.scss
          • _email-application.scss
          • _errorpage.scss
          • _faq.scss
          • _file.scss
          • _gallery.scss
          • _general-widget.scss
          • _helper.scss
          • _invoice.scss
          • _internationalization.scss
          • _job-search.scss
          • _jsgrid.scss
          • _kanban.scss
          • _knowledgebase.scss
          • _landing.scss
          • _language.scss
          • _learning.scss
          • _letter_box.scss
          • _login.scss
          • _megaoption.scss
          • _order-history.scss
          • _page.scss
          • _pricing.scss
          • _progress.scss
          • _rating.scss
          • _projectlist.scss
          • _social-app.scss
          • _task.scss
          • _timeline-v.scss
          • _sweet-alert.scss
          • _user-profile.scss
          • _wishlist.scss
        • themes
          • _custom.scss
          • _dark.scss
          • _responsive.scss
          • _theme-customizer.scss
          • _update.scss
        • utils
          • _variables.scss
        • vendors
          • animate.scss
          • aos.scss
          • button-builder.scss
          • calendar.scss
          • dropzone.scss
          • echart.scss
          • feather-icon.scss
          • flag-icon.css
          • font-awesome.css
          • icofont.scss
          • image-cropper.scss
          • jkanban.scss
          • jsgrid.scss
          • mapsjs-ui.scss
          • owlcarousel.scss
          • page-builder.scss
          • photoswipe.scss
          • prism.scss
          • range-slider.scss
          • scrollable.scss
          • scrollbar.scss
          • simple-mde.scss
          • summernote.scss
          • svg-icon.scss
          • sweetalert2.scss
          • themify.scss
          • timepicker.scss
          • todo.scss
          • tour.scss
          • tree.scss
          • vector-map.scss
          • whether-icon.scss
          • animate
            • _animate.scss
          • aos
            • _animations.scss
            • _core.scss
            • _easing.scss
          • button-builder
            • _button-builder.scss
            • _button-builder-colorpicker.scss
          • calendar
            • _default.scss
          • dropzone
            • _dropzone.scss
          • echart
            • _reset.scss
          • feather-icon
            • _feather-icon.scss
          • flag-icon
            • _flag-icon-base.scss
            • _flag-icon-list.scss
            • _flag-icon-more.scss
          • font-awesome
            • _animated.scss
            • _bordered-pulled.scss
            • _core.scss
            • _fixed-width.scss
            • _icons.scss
            • _larger.scss
            • _list.scss
            • _mixins.scss
            • _path.scss
            • _rotated-flipped.scss
            • _screen-reader.scss
            • _stacked.scss
            • _variables.scss
          • icoicon
            • _icons.scss
          • image-cropper
            • _cropper-custom.scss
            • _cropper-main.scss
          • jsgrid
            • _jsgrid.scss
            • _jsgrid-theme.scss
          • owltheme
            • _animate.scss
            • _autoheight.scss
            • _core.scss
            • _lazyload.scss
            • _theme.default.scss
            • _theme.scss
          • page-builder
            • _page-builder.scss
          • photoswipe
            • _photoswipe.scss
            • _photoswipe-default.scss
          • prism
            • _prism.scss
          • range-slider
            • _ion.rangeSlider.scss
          • scrollable
            • _scrollable.scss
          • scrollbar
            • _simplebar.scss
          • simple-mde
            • _elements.scss
            • _simplemde.scss
          • summernote
            • _elements.scss
            • _fonts.scss
            • _summernote-bs4.scss
          • sweetalert2-master
            • _animations.scss
            • _mixins.scss
            • _toasts.scss
            • _variables.scss
          • themify
            • _core.scss
            • _extras.scss
            • _icons.scss
            • _mixins.scss
            • _path.scss
            • _themify-icons.scss
            • _variables.scss
          • time-picker
            • _timepicker.scss
          • todo
            • _todo.scss
          • tour
            • _tour.scss
          • tree
            • _tree-default.scss
            • _tree.scss
          • vector-map
            • _vector-map.scss
          • whether-icon
            • _whether-icon.scss
        • app.scss
        • color-1.scss
        • responsive.scss
        • style.scss
        • color-2.scss
        • color-3.scss
        • color-4.scss
        • color-5.scss
        • color-6.scss
    • components
      • common
        • block
          • customizer
            • BuyNow.vue
            • CheckFeatures.vue
            • ConfigurationView.vue
            • CustomColor.vue
            • CustomizerSetting.vue
            • CustomizerSupport.vue
            • CustomSetting.vue
            • DocumentSection.vue
            • IndexCustomizer.vue
            • LayoutType.vue
            • MixLayout.vue
            • SidebarType.vue
          • header
            • bookmark.vue
            • bookmarkBack.vue
            • cartBox.vue
            • index.vue
            • languageMenu.vue
            • messageBox.vue
            • modeView.vue
            • notificationBox.vue
            • profile.vue
            • searchBar.vue
            • searchInput.vue
          • header
            • BookmarkSearch.vue
            • cart.vue
            • index.vue
            • message.vue
            • mode.vue
            • notification.vue
            • profile.vue
            • search.vue
          • sidebar
            • index.vue
            • navMenu.vue
            • ProfileSidebar.vue
            • SidebarSearchbar.vue
          • emoji.vue
          • footer.vue
          • TapTop.vue
        • card
          • 1.vue
          • 2.vue
          • 3.vue
        • modals
          • AddCategory.vue
          • addLabel.vue
          • CareateTag.vue
          • compose.vue
          • newBookmark.vue
          • NewContact.vue
          • NewTask.vue
          • quickView.vue
          • tagsView.vue
        • inputFields
          • commonField.vue
          • radioField.vue
          • selectBox.vue
        • JobSidebar.vue
        • LearningFilter.vue
        • SuccessfulWizard.vue
        • TimerView.vue
      • theme
        • advance
          • animation
            • AnimationBox.vue
          • basic
            • BasicFlat.vue
            • DarkCard.vue
            • FooterCard.vue
            • IconCard.vue
            • ShadowCard.vue
          • breadcrumb
            • ColoredNavigation.vue
            • DefaultBreadcrumb.vue
            • DividersBreadcrumbs.vue
            • IconsBreadcrumb.vue
            • NavBreadcrumb.vue
          • creative
            • AbsoluteCard.vue
            • BorderCard.vue
            • PrimaryState.vue
            • SecondaryState.vue
            • WarningState.vue
          • draggable
            • FooterCard.vue
            • DraggableCard.vue
          • dropzone
            • DefaultDropzone.vue
            • ImageDropzone.vue
            • MultiDropzone.vue
            • SingleDropzone.vue
          • pagination
            • AlignmentsPagination.vue
            • DisabledPagination.vue
            • IconsPagenation.vue
            • RoundedPagination.vue
            • SimplePagination.vue
            • SizingPagination.vue
          • cropper
            • ImageCropper.vue
          • owlcarousel
            • AutoPlay.vue
            • CrossFade.vue
            • DarkVariant.vue
            • DisableTouch.vue
            • IndividualCarousel.vue
            • MouseWheel.vue
            • SlidesOnly.vue
            • WithCaptions.vue
            • WithControls.vue
            • WithIndicators.vue
          • sweetAlert
            • AutoClose.vue
            • BasicAlert.vue
            • DangerAlert.vue
            • InfoAlert.vue
            • PikachuAlert.vue
            • QuestionsAlert.vue
            • RequestMovie.vue
            • SuccessMessage.vue
            • TextUnder.vue
            • UsernameAlert.vue
            • WarningAlert.vue
            • WarningMode.vue
          • scrollable
            • BadgesScrollbar.vue
            • BothSide.vue
            • CustomScrollbar.vue
            • HorizontalScrollbar.vue
            • ProfileScrollable.vue
            • ScrollableContent.vue
            • SmallScroll.vue
          • ribbons
            • LeftRibbons.vue
            • RightRibbons.vue
          • timeline
            • BasicTimeline.vue
            • DesignerSlider.vue
            • HorizontalTimeline.vue
            • HoveringTimeline.vue
            • TimelineView.vue
            • VariationTimeline.vue
          • tree
            • BasicTree.vue
            • CheckTree.vue
          • tour
            • FirstPost.vue
            • LastPost.vue
            • SecondPost.vue
            • SociaMedia.vue
            • ThirdPost.vue
            • UserProfile.vue
          • toasts
            • BasicToasts.vue
            • IconToasts.vue
            • PositionToasts.vue
          • rating
            • AnimationRating.vue
            • ClickableValue.vue
            • DisabledRating.vue
            • HeartRating.vue
            • MovieRating.vue
            • StarRating.vue
          • rangslider
            • ColorRang.vue
            • CustomRang.vue
            • DefultRang.vue
            • MinMax.vue
            • NegativeRang.vue
            • PrefixRang.vue
            • PrettifyRang.vue
            • StepsRange.vue
        • animation
          • animate
            • AnimateOption.vue
            • AnimateBox.vue
          • aos
            • AosExample.vue
            • InitAOS.vue
        • blog
          • details
            • BlogGrid.vue
            • BlogList.vue
            • BlogShadow.vue
          • single
            • BlogDetails.vue
            • CommentBox.vue
          • addpost
            • AddPost.vue
        • app
          • bookmark
              • list
              • index.vue
            • editView.vue
            • index.vue
            • rightContent.vue
          • buttons
          • calender
          • contact
          • filemaneger
          • kanaban
          • letterBox
          • task
          • todo
          • chat
        • pages
          • faq
          • search
          • socialApp
          • support
        • dashboard
        • ecommerce
        • charts
        • form
        • internationalization
        • gallery
        • icons
        • job
        • Knowledgebase
        • learning
        • maps
        • project
        • table
        • uikits
        • user
        • widgets
    • composables
      • common
        • animationView.ts
        • getImages.ts
        • flagIcon.ts
        • treeView.ts
        • typeaheadview.ts
        • validationForm.ts
      • contect.ts
      • taskvalidation.ts
    • core
      • data
        • advance.ts
        • apex-chart.ts
        • app.ts
        • blog.ts
        • buttons.ts
        • calendardata.ts
        • chart-data.ts
        • chartOption.ts
        • chat.ts
        • dashboard.ts
        • ecommerce.ts
        • emoji.ts
        • faq.ts
        • forms.ts
        • google-chart.ts
        • header.ts
        • job.ts
        • knowledgebase.ts
        • language.ts
        • layout.ts
        • learning.ts
        • masonry.ts
        • sidebar.ts
        • owlcarousel.ts
        • scrollable.ts
        • search-result.ts
        • sociall-app.ts
        • support.ts
        • table.ts
        • task.ts
        • todo.ts
        • uikits.ts
      • locales
        • ae.json
        • ar.json
        • cn.json
        • eng.json
        • de.json
        • en.json
        • es.json
        • fr.json
        • ge.json
        • pt.json
        • ru.json
    • layouts
      • default.vue
      • custom.vue
    • middleware
      • routeMiddleware.global.ts
    • pages
      • advance
      • animation
      • app
      • auth
      • blog
      • buttons
      • charts
      • chats
      • dashboard
      • editor
      • ecommerce
      • email
      • form
      • gallery
      • icons
      • job_search
      • knowledgebase
      • learning
      • maps
      • project
      • pages
      • table
      • uikits
      • users
      • widgets
      • index.vue
    • plugins
      • apexchart.client.ts
      • i18n.ts
      • plugins.ts
      • useBootstrap.client.ts
    • public
      • svg
        • icon-sprite.svg
        • landing-icons.svg
      • video
        • auth-bg.mp4
      • audio
        • horse.ogg
      • images
        • avtar
        • banner
        • big-lightgallry
        • big-masonry
        • blog
        • customizer
        • dashboard
        • dashboard-2
        • ecommerce
        • email
        • email-template
        • faq
        • job-search
        • knowledgebase
        • landing
        • lightgallry
        • login
        • logo
        • masonry
        • modal
        • other-images
        • product
        • range-slider
        • slider
        • social-app
        • tree
        • user
        • user-card
        • dashboard-3
        • forms
        • gif
        • scrollbar
        • switch
        • ajax-loader
        • details_close
        • details_open
        • hour.svg
        • min.svg
        • sec.svg
        • favicon.png
        • js-grid.png
        • marker-icon-2x.png
        • marker-icon.png
        • marker-shadow.png
        • smiley.png
        • sort_asc_disabled.png
        • sort_asc.png
        • sort_both.png
        • sort_desc_disabled.png
        • sort_desc.png
        • user.jpg
        • giftools.png
      • pdf
        • sample.png
    • server
      • tsconfig.ts
    • stores
      • app.ts
      • chat.ts
      • common.ts
      • dashboard.ts
      • ecommerce.ts
      • header.ts
      • layout.ts
      • sidebar.ts
      • task.ts
      • todo.ts
    • types
      • menuType.ts
    • app.vue
    • nuxt.config.ts
    • package.json
    • README.md
    • tsconfig.ts