{"size": 405, "ext": "js", "max_stars_repo_path": "examples/orientation/app.js", "max_stars_repo_name": "stefan-galescu/vue-screen", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "examples/orientation/app.js", "max_issues_repo_name": "stefan-galescu/vue-screen", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "examples/orientation/app.js", "max_forks_repo_name": "stefan-galescu/vue-screen", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 19.2857142857, "max_line_length": 80, "alphanum_fraction": 0.587654321}
import Vue from 'vue';
import VueScreen from 'vue-screen';

Vue.use(VueScreen);

const Test = {
  template: `
  <div>
    <div class="portrait">Portrait: <span>{{ $screen.portrait }}</span></div>
    <div class="landscape">Landscape: <span>{{ $screen.landscape }}</span></div>
  </div>
  `,
};

new Vue({
  components: {
    Test,
  },
  template: '<div id="#app"><Test></Test></div>',
}).$mount('#app');
