ionic-team/ionic-vue-conference-app

Ionic Conference app ported to Vue

Ionic Vue Conference Application

This application is purely a kitchen-sink demo of the Ionic Framework and Vue.

There is not an actual Ionic Conference at this time. This project is just to show off Ionic components in a real-world application.

React and Angular versions

We've built versions of this Conference app in React and Angular for developers that would prefer to use one of those framework options:

https://github.com/ionic-team/ionic-react-conference-app

https://github.com/ionic-team/ionic-conference-app

Table of Contents

• Getting Started
• App Preview

Getting Started

• Download the installer for Node LTS.
• Install the ionic CLI globally: npm install -g ionic
• Clone this repository: git clone https://github.com/ionic-team/ionic-vue-conference-app.git.
• Run npm install from the project root.
• Run ionic serve in a terminal from the project root.
• Profit. 🎉

App Preview

Menu

Material Design	iOS

Schedule Page

Material Design	iOS

Speakers Page

Material Design	iOS

Speaker Detail Page

Material Design	iOS

About Page

Material Design	iOS

ionic-vue-conference-app's Issues

Got this error

Since you're using the custom project type, you must provide the ionic:serve npm script so the Ionic CLI can
serve your project.

android app bug : net::err_connection_refused http://localhost

when I run script : " cordova run android",
the app can run in Android Virtual Machine,
but in the begin the app alert bug
->
net::err_connection_refused http://localhost

Updates for latest release

Not really an issue, but more of an inquiry.

I was just curious if there are intentions on updating the ionic-vue-conference-app to work with the latest and greatest?

Invalid project type: vue-vite

(base) PS C:\Users\admin\Documents\workspace\ionic-vue-conference-app> ionic --help
[ERROR] Invalid project type: vue-vite (project config: .\ionic.config.json).

        Project type must be one of: angular, ionic-angular, ionic1, custom, react, vue

Bad project type: undefined

resolve:

npm uninstall -g ionic
npm install -g @ionic/cli
ionic serve

Error when running app

When I tried to run the following command:

npm run serve

I get the following error:

ERROR in D:/Mobile/ionic/ionic-vue-conference-app-master/src/views/About.vue
61:18 Parameter 'event' implicitly has an 'any' type.
59 | export default class About extends Vue {
60 |

61 | presentPopover(event){
| ^
62 | console.log('click', event)
63 | }
64 | }
Version: typescript 3.0.1
Time: 17848ms

I am running this on Windows 10, with NPM version 6.9.0, vue: 3.8.2, ionic: 4.12.0

I can still access the app from localhost, so the app should still work mostly.

ionic start IonicVueApp

When I run the following:

ionic start IonicVueApp https://github.com/ionic-team/ionic-vue-conference-app --no-git --type=vue --cordova --no-link

Found 47 errors in 11 files.

Errors Files
8 src/components/Menu.vue:8
1 src/router.ts:91
2 src/views/About.vue:45
1 src/views/Login.vue:26
10 src/views/Map.vue:82
11 src/views/SessionDetail.vue:8
6 src/views/SessionList.vue:3
3 src/views/SessionListFilter.vue:28
1 src/views/SpeakerDetail.vue:66
3 src/views/SpeakerList.vue:3
1 src/views/Support.vue:38

Example error:

import { computed, defineComponent, getCurrentInstance, onMounted, ref, watch } from 'vue';

Cannot find module 'vue' or its corresponding type declarations.ts(2307)

how to disable the auto refresh when switch tab

Navigate / Buttons / Open Tutorial etc - should they work?

Not sure what state this project should be in - npm install, build and run start presents a nice looking conference app but the navigation and click handling appears to be missing.