What happens if I don't use any ionic components?

Ionic Framework
1

I use Nuxtjs and ionic specifically Nuxt Ionic plugin if you don’t know this framework let’s say I use VueJs with Ionic…

I have a question, now if I don’t use any of the ionic components what happens to the application? Because I tried not adding any element and exported the application and installed it on my Android device initially to see if there is a problem.

There may be minor problems but I want to know what happens…

Because Nuxt Ionic says:

Pages and Navigation

  • Avoid using <NuxtPage>, <NuxtLayout> or <NuxtLink>. These are currently not integrated with this module.

Instead, Ionic expects <ion-router-outlet> to show the route component, and useIonRouter() or the router-link property on any ion- component to change page.

app.vue

<template>
 <ion-app>
   <ion-router-outlet />
 </ion-app>
</template>
  • The root element of every page must always be <ion-page>.

This is required by Ionic to set up page transitions and stack navigation. Each view that is navigated to using the router must include an component.

  • When navigating from a tabbed route to a non-tabbed route, route.params from the auto-imported >useRoute()` will always be an empty object.

A current workaround is to import { useRoute } from 'vue-router';.

2

You don’t need to use any Ionic components if you don’t want. But, by using Ionic’s components, you’ll get the native feel out of the box - page transitions, alerts, modals, etc. You might want to read up on how Ionic handles the life of a page.

I personally only use the main building block components of Ionic. I don’t use stuff like ion-text. All my styling is done via Tailwind CSS.

2 Likes
3

Why even install a framework on a project if your not going to use it?

1 Like
5

What are you talking about?