{"id":15019593,"url":"https://github.com/phonegap/phonegap-template-vue-f7-split-panel","last_synced_at":"2025-10-24T13:30:59.064Z","repository":{"id":57323116,"uuid":"84896738","full_name":"phonegap/phonegap-template-vue-f7-split-panel","owner":"phonegap","description":"A Split View PhoneGap template using Vue.js and Framework7 that degrades to a Panel View on smaller devices","archived":false,"fork":false,"pushed_at":"2021-09-18T13:03:08.000Z","size":11974,"stargazers_count":17,"open_issues_count":9,"forks_count":10,"subscribers_count":17,"default_branch":"master","last_synced_at":"2025-01-31T01:25:32.960Z","etag":null,"topics":["cordova","framework7","framework7-vue","phonegap","phonegap-templates","vue","vuejs2","webpack"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/phonegap.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-03-14T02:33:09.000Z","updated_at":"2023-12-07T06:14:08.000Z","dependencies_parsed_at":"2022-08-26T01:11:29.272Z","dependency_job_id":null,"html_url":"https://github.com/phonegap/phonegap-template-vue-f7-split-panel","commit_stats":null,"previous_names":[],"tags_count":11,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phonegap%2Fphonegap-template-vue-f7-split-panel","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phonegap%2Fphonegap-template-vue-f7-split-panel/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phonegap%2Fphonegap-template-vue-f7-split-panel/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phonegap%2Fphonegap-template-vue-f7-split-panel/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/phonegap","download_url":"https://codeload.github.com/phonegap/phonegap-template-vue-f7-split-panel/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":237981622,"owners_count":19397096,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cordova","framework7","framework7-vue","phonegap","phonegap-templates","vue","vuejs2","webpack"],"created_at":"2024-09-24T19:53:44.519Z","updated_at":"2025-10-24T13:30:58.226Z","avatar_url":"https://github.com/phonegap.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# A Split View / Panel PhoneGap template using Vue.js and Framework7\n\nVue.js, Framework7, and Cordova / PhoneGap Template with Babel, Webpack and Hot Reloading\n\n![example image iOS](https://github.com/phonegap/phonegap-template-vue-f7-split-panel/raw/master/example-split-iOS.png)\n![example image android](https://github.com/phonegap/phonegap-template-vue-f7-split-panel/raw/master/example-split-android.png)\n\n## Getting Started\n\n### Prerequisites\n\nTo use this template, you'll need Node.js v6 or newer.\n\n### Installation\n\nTo use this as a template, use Cordova 6.0.0+ and create a new project:\n\n```\ncordova create MyAppName --template=phonegap-template-vue-f7-split-panel\n```\n\nor\n\n```\nphonegap create MyAppName --template phonegap-template-vue-f7-split-panel\n```\n\nthen\n\n```\ncd MyAppName\nnpm install\n```\n\n### Run the app in the browser / simulator\n\nRun this to start the development webpack server:\n\n```\nnpm run dev\n```\n\nYou can then open the app in your browser by visiting [localhost:8080](http://localhost:8080)\n\nOpen it in the iOS Simulator by running (in another terminal):\n\n`cordova platform add ios` or `phonegap platform add ios`\n\nthen\n\n```\nnpm run cordova-run-ios\n```\n\nOr in the Android emulator with:\n\n`cordova platform add android` or `phonegap platform add android`\n\nthen\n\n```\nnpm run cordova-run-android\n```\n\n(both of which are just calling `cordova run ios` and `cordova run android`)\n\n\n### Build the app for production\n\nTo build the app without the development hot module reloading server:\n\n```\nnpm run build-prod\n```\n\nAfter that, the normal Cordova / PhoneGap commands can be used such as `phonegap serve`, or `cordova run ios`, etc.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fphonegap%2Fphonegap-template-vue-f7-split-panel","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fphonegap%2Fphonegap-template-vue-f7-split-panel","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fphonegap%2Fphonegap-template-vue-f7-split-panel/lists"}