StackBlitz

This directory contains the source files for generating the individual framework targets for a playground examples. The contents of the files will be loaded and injected into the StackBlitz example that is opened from the Playground.

Angular

File	Description
angular.json	Main configuration file for any Angular application.
app.component.ts	Primary component class/entry point.
app.module.ts	Primary AppModule. Specifies required IonicModule.
main.ts	Responsive for bootstrapping the main AppModule.
styles.css	Ionic default styles

HTML

File	Description
index.html	Main template file with CDN link to latest @ionic/core release.
index.ts	Defines the Stencil hydrated bundle for Ionic.

React

File	Description
app.tsx	Imports required Ionic styles and setupIonicReact() function to initialize web components.
index.js	Boilerplate to render a React app.

Vue

File	Description
App.vue	Main Vue component that wraps each example in ion-app.
index.html	The HTML template to create an element to mount Vue to.
main.js	Initializes Ionic Vue and imports global styles.
package.json	Project specific dependencies to create an example with Vite.
vite.config.js	Vite configuration file.

Dotfiles

Dotfiles must be saved without the dot otherwise they will not be fetched correctly. However, when creating the StackBlitz project the dot can be used.

For example, if you had an .eslintrc.js file you would save it as eslintrc.js in this repo. When creating the StackBlitz project the contents of that file can then be saved as .eslintrc.js