Ionic 6 Vue Capacitor Full App
  • What is Ionic 6 Vue Capacitor Full App?
  • Understand the Frameworks
  • Template Features
  • Vue app setup
    • Initial Setup
    • Running the app
    • Building App on device
    • Deploying app as PWA
      • Deploy PWA on Firebase
  • Firebase setup
    • New Firebase Project Setup
    • Firebase Integration Into User App
  • Vue basics
    • Two way to use this Template
    • Removing a Page / Component
    • Removing a plugin
  • Group 3
    • Setting up Ionic Vue Apps (Basics)
  • Extras
    • Troubleshooting
    • FAQ
    • Changelog
Powered by GitBook
On this page
  1. Vue basics

Removing a Page / Component

PreviousTwo way to use this TemplateNextRemoving a plugin

Last updated 3 years ago

Steps to remove undesired page from the App

Removing a page from the app is pretty straight-forward. You just remove the target folder from the code, and remove the routing associated with it. Also, if this folder or any of its child pages are imported in some other page, you need to remove those as well.

In our cases, Vue does not have dependency on any of the Routing or any other component . Let's see an example of removing a page - Netflix Layout

  • Go to src/data/SideMenu/menuData.ts file and comment or remove the 140th line.

  • In above step, It will remove the Netflix option from the side menu. In Vue there is no Navigators, so we do not have to remove any navigation part.

Locate the menuData File
Comment the Netflix Component File from the file