quasar-cli/templates/entry/app.js

Quasar Framework CLI

/**
 * THIS FILE IS GENERATED AUTOMATICALLY.
 * DO NOT EDIT.
 *
 * You are probably looking on adding initialization code.
 * Use "quasar new plugin <name>" and add it there.
 * One plugin per concern. Then reference the file(s) in quasar.conf.js > plugins:
 * plugins: ['file', ...] // do not add ".js" extension to it.
 **/
import './import-quasar.js'

<% if (ctx.mode.ssr) { %>
import <%= framework.all ? 'Quasar' : '{ Quasar }' %> from 'quasar'
<% } %>

import App from 'app/<%= sourceFiles.rootComponent %>'

<% if (store) { %>
import createStore from 'app/<%= sourceFiles.store %>'
<% } %>
import createRouter from 'app/<%= sourceFiles.router %>'

export default function (<%= ctx.mode.ssr ? 'ssrContext' : '' %>) {
  // create store and router instances
  <% if (store) { %>
  const store = typeof createStore === 'function'
    ? createStore(<%= ctx.mode.ssr ? '{ ssrContext }' : '' %>)
    : createStore
  <% } %>
  const router = typeof createRouter === 'function'
    ? createRouter({<%= ctx.mode.ssr ? 'ssrContext' + (store ? ', ' : '') : '' %><%= store ? 'store' : '' %>})
    : createRouter
  <% if (store) { %>
  // make router instance available in store
  store.$router = router
  <% } %>

  // Create the app instantiation Object.
  // Here we inject the router, store to all child components,
  // making them available everywhere as `this.$router` and `this.$store`.
  const app = {
    <% if (!ctx.mode.ssr) { %>el: '#q-app',<% } %>
    router,
    <%= store ? 'store,' : '' %>
    render: h => h(App)
  }

  <% if (ctx.mode.ssr) { %>
  Quasar.ssrUpdate({ app, ssr: ssrContext })
  <% } %>

  // expose the app, the router and the store.
  // note we are not mounting the app here, since bootstrapping will be
  // different depending on whether we are in a browser or on the server.
  return {
    app,
    <%= store ? 'store,' : '' %>
    router
  }
}