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

  • cairo
    • public
      • images
        • avtar
        • banner
        • big-lightgallry
        • big-masonry
        • blog
        • calender
        • checkout
        • customizer
        • dashboard
        • dashboard-2
        • ecommerce
        • email
        • email-template
        • faq
        • general-widgets
        • job-search
        • knowledgebase
        • landing
        • lightgallry
        • login
        • logo
        • masonry
        • product-lists
        • other-images
        • product
        • slider
        • social-app
        • tree
        • user
        • forms
        • gif
        • scrollbar
        • switch
        • ajax-loader
        • 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
      • svg
        • icon-sprite.svg
        • landing-icons.svg
      • video
        • auth-bg.mp4
      • favicon.ico
    • src
      • assets
        • audio
          • horse.ogg
        • fonts
          • calendar
          • feather
          • flag-icon
          • font-awesome
          • ico
          • slick
          • 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
            • _datatable.scss
            • _datepicker.scss
            • _dropdown.scss
            • _form-input.scss
            • _form-wizard.scss
            • _forms.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
            • _divider.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
            • _navigate-links.scss
            • _offcanvas.scss
            • _placeholders.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
            • _scrollspy.scss
            • _translate.scss
          • themes
            • _custom.scss
            • _dark.scss
            • _responsive.scss
            • _theme-customizer.scss
            • _update.scss
          • utils
            • _variables.scss
          • vendors
            • animate.scss
            • chartist.scss
            • feather-icon.scss
            • flag-icon.css
            • font-awesome.css
            • icofont.scss
            • cropper.scss
            • photoswipe.scss
            • scrollable.scss
            • themify.scss
            • todo.scss
            • whether-icon.scss
            • feather-icon
              • _feather-icon.scss
            • flag-icon
              • _flag-icon-base.scss
              • _flag-icon-list.scss
              • _flag-icon-more.scss
            • icoicon
              • _icons.scss
            • themify
              • _core.scss
              • _extras.scss
              • _icons.scss
              • _mixins.scss
              • _path.scss
              • _themify-icons.scss
              • _variables.scss
            • whether-icon
              • _whether-icon.scss
          • app.scss
          • color-1.scss
          • responsive.scss
          • scrollbar.scss
          • style.scss
          • color-2.scss
          • color-3.scss
          • color-4.scss
          • color-5.scss
          • color-6.scss
      • components
        • common
          • block
            • auth
              • AuthView.vue
              • LoginPage.vue
            • customizer
              • ConfigurationView.vue
              • CustomColor.vue
              • CustomizerSetting.vue
              • CustomizerSupport.vue
              • CustomSetting.vue
              • SidebarIcon.vue
              • indexCustomizer.vue
              • LayoutType.vue
              • MixLayout.vue
              • SidebarType.vue
            • header
              • BookmarkSearch.vue
              • CartBox.vue
              • IndexHeader.vue
              • LanguageView.vue
              • LogoView.vue
              • MessageBox.vue
              • ModeView.vue
              • NotificationBox.vue
              • ProfileView.vue
              • SearchBar.vue
              • SearchInput.vue
            • sidebar
              • IndexSidebar.vue
              • NavMenu.vue
              • SidebarLogo.vue
            • FooterView
          • card
            • CardData1.vue
            • CardData2.vue
            • CardData3.vue
          • AddChat.vue
          • BolgSidebar.vue
          • BrowserConfiguration.vue
          • ChatContacts.vue
          • DailyRevenue.vue
          • EmojiChat.vue
          • JobSidebar.vue
          • LearningFilter.vue
          • OrderStatus.vue
          • PaginationData.vue
          • ProductFilter.vue
          • SalesAnalytics.vue
          • SearchChat.vue
          • ShiftsChart.vue
          • SuccessfulWizard.vue
          • TimerView.vue
        • theme
          • advance
            • animation
              • AnimationBox.vue
            • basic
              • BasicFlat.vue
            • breadcrumb
              • DefaultBreadcrumb.vue
            • creative
              • CreativeCard.vue
            • draggable
              • DraggableCard.vue
            • dropzone
              • DefaultDropzone.vue
              • ImageDropzone.vue
              • MultiDropzone.vue
              • SingleDropzone.vue
            • pagination
              • SimplePagination.vue
            • cropper
              • ImageCropper.vue
            • owlcarousel
              • BootstrapSlider.vue
              • CrossFade.vue
              • SwiperSliders.vue
              • VerticalSlider.vue
              • SlidesOnly.vue
            • sweetAlert
              • AJAXAlert.vue
              • AnimatedAlert.vue
              • BasicAlert.vue
              • FormsAlert.vue
              • InputAlert.vue
              • PositionAlert.vue
            • scrollable
              • BadgesScrollbar.vue
              • BothSide.vue
              • CustomScrollbar.vue
              • HorizontalScrollbar.vue
              • SmallScroll.vue
            • ribbons
              • RibbonsView.vue
            • timeline
              • BasicTimeline.vue
              • AnimatedTimeline.vue
              • HorizontalTimeline.vue
              • HoveringTimeline.vue
              • TimelineView.vue
              • VariationTimeline.vue
            • scrollspy
              • CustomData.vue
              • CustomScrollspy.vue
              • GroupScrollspy.vue
              • NavbarScrollspy.vue
              • NestedScrollspy.vue
            • tree
              • SimpleLists.vue
              • SortableSwap.vue
              • StackableSortable.vue
            • tour
              • SecondPost.vue
              • SociaMedia.vue
              • UserProfile.vue
            • toasts
              • BasicToasts.vue
              • IconToasts.vue
              • PositionToasts.vue
            • rating
              • AnimationRating.vue
              • EmojiRating.vue
              • StarRating.vue
            • rangslider
              • DefultRang.vue
            • ratios
              • AspectRatios.vue
          • animation
            • animate
              • AnimateBox.vue
            • aos
              • AosExample.vue
              • InitAOS.vue
          • authantication
            • RegisterWizardData.vue
          • blog
            • grids
              • BlogGrid.vue
              • LatestNews.vue
            • blogsidebar
              • FollowUs.vue
              • TrendingPosts.vue
            • single
              • BlogDetails.vue
              • CommentBox.vue
            • addpost
              • AddPost.vue
          • bookmark
            • MyBookmark.vue
            • FavouritesView.vue
            • NewBookmark.vue
            • NewsLetter.vue
            • NotificationView.vue
            • SharedTab.vue
            • TagsView.vue
            • BookmarkSidebar.vue
            • CreatedBy.vue
            • EditView.vue
            • BusinessBookmark.vue
            • HolidayBookmark.vue
            • OrgenizationBookmark.vue
            • ImportantBookmark.vue
          • buttons
          • chat
          • calender
          • contacts
          • dashboards
          • ecommerce
          • error
          • charts
          • letterbox
          • faq
          • filemaneger
          • forms
          • internationalization
          • gallery
          • icons
          • job
          • kanbanboard
          • Knowledgebase
          • learning
          • maps
          • project
          • search
          • socialApp
          • support
          • table
          • task
          • todo
          • uikits
          • user
          • widgets
      • composables
        • common
          • animationView.ts
          • getImages.ts
          • allIcons.ts
          • pagination.ts
          • typeaheadview.ts
          • validationForm.ts
        • contectCom.ts
        • createProject.ts
        • taskvalidation.ts
      • layout
        • BodyView.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
          • calendardata.ts
          • chart-data.ts
          • dashboards-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
          • sliderl.ts
          • products.ts
          • project.ts
          • scrollable.ts
          • search-result.ts
          • sociall-app.ts
          • support.ts
          • table.ts
          • task.ts
          • todo.ts
          • uikits.ts
          • user.ts
          • widgets-chart.ts
          • widgets.ts
      • pages
        • advance
          • AnimationModal.vue
          • IndexBasiccard.vue
          • IndexBreadcrumb.vue
          • IndexCreative.vue
          • IndexCropper.vue
          • IndexDraggable.vue
          • IndexDropzone.vue
          • IndexPagination.vue
          • IndexRange.vue
          • IndexRating.vue
          • IndexRibbon.vue
          • IndexScrollable.vue
          • IndexRatios.vue
          • IndexScrollSpy.vue
          • IndexSweetalert.vue
          • IndexToasts.vue
          • IndexTimeline.vue
          • IndexTour.vue
          • IndexTree.vue
          • IndexOwlCarousel.vue
        • animation
          • IndexAnimate.vue
          • IndexAos.vue
        • authentication
          • ForgetPassword.vue
          • LoginSimple.vue
          • LoginImage.vue
          • loginimageTwo.vue
          • loginSweetalert.vue
          • loginTooltip.vue
          • loginValidation.vue
          • maintenanceView.vue
          • registerImage.vue
          • registerSimple.vue
          • registerImageTwo.vue
          • resetPassword.vue
          • unlockUser.vue
          • RegisterWizard.vue
        • blog
          • IndexAdd.vue
          • IndexDetails.vue
          • IndexGrids.vue
        • bookmark
          • IndexBookmark.vue
        • buttons
        • calendar
        • charts
        • chat
        • contacts
        • comingsoon
        • dashboards
        • ecommerce
        • editor
        • letterbox
        • error
        • faq
        • filemaneger
        • forms
        • internationalization
        • gallery
        • icons
        • job
        • kanban
        • Knowledgebase
        • learning
        • maps
        • project
        • samplepage
        • search
        • socialApp
        • support
        • table
        • task
        • todo
        • uikits
        • user
        • widgets
      • stores
        • advance.ts
        • bookmark.ts
        • chat.ts
        • common.ts
        • contacts.ts
        • layout.ts
        • menu.ts
        • products.ts
        • searchdata.ts
        • task.ts
        • todo.ts
      • router
        • index.ts
      • types
        • menuItems.ts
      • App.vue
      • main.ts
      • shims-vue.d.ts
    • env.d.ts
    • index.html
    • tsconfig.json
    • package.json
    • README.md
    • tsconfig.app.json
    • tsconfig.node.json
    • vite.config.ts