diff --git a/README.md b/README.md index 3130d7c..7b38407 100644 --- a/README.md +++ b/README.md @@ -49,7 +49,7 @@ Each framework provides its own CLI so that starting a project is easy, with a c Quasar for the frontend: ```bash $ npm install -g quasar-cli -$ quasar init quasar-feathers +$ quasar create quasar-feathers $ cd quasar-feathers $ npm install // Will launch the frontend server in dev mode on 8080 @@ -91,19 +91,6 @@ create src/services/messages/messages.hooks.js create test/services/messages.test.js ``` -To make the Quasar app correctly contacting the backend you have to configure an API proxy in your frontend **config/index.js**: -```javascript -... - dev: { - proxyTable: { - '/api': { - target: 'http://localhost:3030', - changeOrigin: true - } - } - ... -``` - ## API glue Feathers provides you with a thin layer on the client-side to make API authentication and calls so simple. We create a new **src/api.js** file in the frontend to handle the glue with the API: @@ -150,7 +137,7 @@ users.on('created', user => { ## Main layout From a end-user perspective the application will be simple: - - a menu toolbar including (**src/layouts/default.vue** component) + - a menu toolbar including (**src/layouts/MyLayout.vue** component) - a sign in/register entry when not connected - home/chat entries and a signout menu to logout when connected - a sidebar menu recalling the home/chat entries and a about section @@ -165,7 +152,7 @@ From a end-user perspective the application will be simple: $ quasar new page Chat ``` - We update the layout of the **src/layouts/default.vue** template to include a [Toolbar with some entries](http://quasar-framework.org/components/toolbar.html), a logout [button](http://quasar-framework.org/components/button.html), a [Sidebar menu](http://quasar-framework.org/components/layout.html#Navigation-from-drawer-panels) and an [entry point for other components](https://router.vuejs.org/en/api/router-view.html): + We update the layout of the **src/layouts/MyLayout.vue** template to include a [Toolbar with some entries](http://quasar-framework.org/components/toolbar.html), a logout [button](http://quasar-framework.org/components/button.html), a [Sidebar menu](http://quasar-framework.org/components/layout.html#Navigation-from-drawer-panels) and an [entry point for other components](https://router.vuejs.org/en/api/router-view.html): ```html @@ -432,7 +419,7 @@ const auth = { export default auth ``` -On the frontend we setup the **src/components/SignIn.vue** component as a [basic dialog](http://quasar-framework.org/components/dialog.html) with e-mail/password inputs: +On the frontend we setup the **src/pages/SignIn.vue** component as a [basic dialog](http://quasar-framework.org/components/dialog.html) with e-mail/password inputs: ```javascript - diff --git a/quasar-feathers/src/pages/Home.vue b/quasar-feathers/src/pages/Home.vue index 9ae9854..f10f2f5 100644 --- a/quasar-feathers/src/pages/Home.vue +++ b/quasar-feathers/src/pages/Home.vue @@ -1,52 +1,14 @@ - diff --git a/quasar-feathers/src/pages/SignIn.vue b/quasar-feathers/src/pages/SignIn.vue index e552267..fd2af1e 100644 --- a/quasar-feathers/src/pages/SignIn.vue +++ b/quasar-feathers/src/pages/SignIn.vue @@ -1,6 +1,6 @@