Top

Vue 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

  • malabo
    • public
      • images
        • alert
        • avtar
        • banner
        • big-lightGallery
        • big-masonry
        • blog
        • calender
        • checkout
        • dashboard
        • dashboard-2
        • ecommerce
        • email
        • email-template
        • faq
        • job-search
        • knowledgeBase
        • landing
        • lightGallery
        • login
        • logo
        • masonry
        • product_list
        • other-images
        • product
        • range-slider
        • slider
        • slider-auto-width
        • social-app
        • svg-icon
        • tree
        • user
        • user-card
        • appointment
        • button_builder
        • dashboard-3
        • dashboard-4
        • 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
      • svg
        • icon-sprite.svg
        • landing-icons.svg
      • favicon.ico
    • src
      • assets
        • audio
          • horse.ogg
        • fonts
          • calendar
          • feather
          • flag-icon
          • font-awesome
          • ico
          • themify
        • scss
          • base
            • _reset.scss
            • _typography.scss
          • components
            • _according.scss
            • _alert.scss
            • _avatars.scss
            • _badge.scss
            • _basic-card.scss
            • _bookmark.scss
            • _breadcrumb.scss
            • _builders.scss
            • _buttons.scss
            • _calendar.scss
            • _card.scss
            • _color.scss
            • _datatable.scss
            • _datepicker-range.scss
            • _datepicker.scss
            • _dropdown.scss
            • _form-builder.scss
            • _form-input.scss
            • _form-wizard.scss
            • _forms.scss
            • _jnputmask.scss
            • _icons.scss
            • _list.scss
            • _loader.scss
            • _modal.scss
            • _popover.scss
            • _print.scss
            • _radio.scss
            • _range-slider.scss
            • _ribbon.scss
            • _scrollbar.scss
            • _switch.scss
            • _tab.scss
            • _table.scss
            • _toasts.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
            • _dashboard_4.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
            • chartist.scss
            • data-table.scss
            • datatable-extension.scss
            • datatables.scss
            • date-picker.scss
            • daterange-picker.scss
            • dropzone.scss
            • echart.scss
            • feather-icon.scss
            • flag-icon.css
            • font-awesome.css
            • icoicon.scss
            • image-cropper.scss
            • jsgrid.scss
            • owlcarousel.scss
            • page-builder.scss
            • photoswipe.scss
            • prism.scss
            • range-slider.scss
            • rating.scss
            • scrollable.scss
            • scrollbar.scss
            • select2.scss
            • simple-mde.scss
            • svg-icon.scss
            • sweetalert2-master.scss
            • themify.scss
            • time-picker.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
            • chartist
              • _chartist-settings.scss
              • _chartist.scss
            • data-table
            • datatable-extension
            • date-picker
            • daterange-picker
            • date-time-picker
            • dropzone
            • echart
              • _reset.scss
            • feather-icon
              • _feather-icon.scss
            • flag-icon
              • _flag-icon-base.scss
              • _flag-icon-list.scss
              • _flag-icon-more.scss
            • icoicon
              • _icons.scss
            • image-cropper
              • _cropper-custom.scss
              • _cropper-main.scss
            • jsgrid
              • _jsgrid.scss
              • _jsgrid-theme.scss
            • owltheme
            • page-builder
              • _page-builder.scss
            • photoswipe
              • _photoswipe.scss
              • _photoswipe-default.scss
            • prism
              • _prism.scss
            • range-slider
              • _ion.modernskinRangeslider.scss
              • _ion.rangeSlider.scss
            • rating
            • scrollable
              • _scrollable.scss
            • scrollbar
              • _simplebar.scss
            • select2
            • simple-mde
              • _elements.scss
              • _simplemde.scss
            • sticky
              • _sticky.scss
            • summernote
              • _elements.scss
              • _fonts.scss
              • _summernote-bs4.scss
            • svg-icon
              • _svg-icon.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
        • video
          • auth-bg.mp4
        • logo.svg
      • components
        • layout
          • Customizer
            • ColorMode.vue
            • ColorPicker.vue
            • Configuration.vue
            • Customizer.vue
            • layoutType.vue
            • SidebarIcon.vue
            • SidebarType.vue
          • header
            • search
              • SearchBar.vue
              • SearchResult.vue
            • BookmarkSearch.vue
            • CartBox.vue
            • Header.vue
            • language.vue
            • Logo.vue
            • MessageBox.vue
            • Mode.vue
            • NotificationBox.vue
            • Profile.vue
          • sidebar
            • Sidebar.vue
            • NavMenu.vue
          • footer
            • Footer.vue
        • shared
          • cards
            • CardWrapperOne.vue
            • CardWrapperThree.vue
            • CardWrapperTwo.vue
          • dashboard
            • ProductOffer.vue
            • ProjectProgress.vue
            • SalesSummary.vue
            • Schedule.vue
      • composables
        • common
          • allIcons.ts
          • animation.ts
          • calendar.ts
          • getImages.ts
          • kanbanBoard.ts
      • layout
        • Body.vue
        • BreadCrumbs.vue
        • TapTop.vue
      • core
        • locales
          • ae.json
          • ar.json
          • cn.json
          • de.json
          • en.json
          • es.json
          • fr.json
          • ge.json
          • pt.json
          • ru.json
        • data
          • advance.ts
          • apex-chart.ts
          • blog.ts
          • bookmark.ts
          • buttons.ts
          • chart-data.ts
          • chart.ts
          • chartist-chart.ts
          • chat.ts
          • contact.ts
          • dashboards.ts
          • ecommerce.ts
          • emoji.ts
          • faq.ts
          • filemaneger.ts
          • forms.ts
          • google-chart.ts
          • header.ts
          • job.ts
          • kanban.ts
          • knowledgebase.ts
          • language.ts
          • layout.ts
          • learning.ts
          • letter-box.ts
          • masonry.ts
          • menu.ts
          • products.ts
          • project.ts
          • scrollable.ts
          • search-result.ts
          • social-app.ts
          • support.ts
          • table.ts
          • task.ts
          • timeline.ts
          • todo.ts
          • uiKits.ts
          • user.ts
          • widgets-chart.ts
      • module
        • advance
          • animation
            • AnimationBox.vue
          • basic
            • CommonBasicCard.vue
            • DarkColorCard.vue
            • FooterCard.vue
          • breadcrumb
          • creative
          • cropper
        • animation
          • animate
            • AnimateBox.vue
            • AnimateOption.vue
          • aos
            • AosExample.vue
            • InitAOS.vue
        • auth
          • Auth.vue
          • LoginPage.vue
        • blog
        • bookmark
        • button
        • calendar
        • charts
        • chat
        • contacts
        • dashboards
        • ecommerce
        • editor
        • email
        • error
        • faq
      • pages
        • advance
          • animationModal.vue
          • BasicCard.vue
          • Breadcrumb.vue
          • Creative.vue
          • Cropper.vue
        • animation
          • Animate.vue
          • Aos.vue
        • authentication
          • common
            • LoginPage.vue
            • RegisterPage.vue
          • AddressDetails.vue
          • ForgetPassword.vue
          • loginImage.vue
          • LoginImageTwo.vue
        • blog
          • Add.vue
          • Details.vue
          • Single.vue
        • bookmark
          • Bookmark.vue
        • button
        • calendar
        • charts
        • chat
        • contacts
        • dashboards
        • ecommerce
        • editor
        • email
        • error
        • faq
      • store
        • bookmark.ts
        • chat.ts
        • contacts.ts
        • layout.ts
        • menu.ts
      • router
        • index.ts
      • App.vue
      • main.ts
      • shims-vue.d.ts
    • tsconfig.json
    • package.json
    • README.md
    • vue.config.js