Giter Club home page Giter Club logo

vue-quasar-admin-example's Introduction

Quasar Admin

Some examples how powerful Quasar / Vuejs is for SPA projects.

Links

Demo (Android or IOS Style)

Alt text Alt text

Infos

Dependecies

vue-quasar-admin-example's People

Contributors

dependabot[bot] avatar odranoelbr avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vue-quasar-admin-example's Issues

Vendor pesado

Fala bacana, eu de novo ai..
então, fiz uma telinha bacana e tal, mas reparei que o vendor está com mais de 500 kb, ficou meio pesado, você já ta vendo isso, ou como melhorar esse vendor? Onde tiro as dependencias que estão inchando esse vendor?

abração

Cannot Get /

When I clone, npm install, then build the example with no changes I get "Cannot GET /" displayed in the browser.

Is there a router issue?

vue-i18n not working for all components exemple q-data-table

Hello,
currently I use your beautiful template, on the other hand I have a problem at the internationalization using vue-i18n.
My label in french his name is : Rechercher but in the placeholder of my input always stays search using {{ $t('label.search')}}
image
Can you help plz ?
Merci, thank's

erro import

Bom dia mano, parabéns pelo repositorio... Uma dúvida a partir dele tento importar elementos do quasar mais da o erro abaixo

- did you register the component correctly? For recursive components, make sure to provide the "name" option.

Running npm run dev throws error with nodev18

npm run dev

> [email protected] dev
> node build/script.dev.js

node:internal/modules/cjs/loader:1080
  throw err;
  ^

Error: Cannot find module 'merge-descriptors'
Require stack:
- /home/tanzeem/vue-quasar-admin-example/node_modules/express/lib/express.js
- /home/tanzeem/vue-quasar-admin-example/node_modules/express/index.js
- /home/tanzeem/vue-quasar-admin-example/build/script.dev.js
    at Module._resolveFilename (node:internal/modules/cjs/loader:1077:15)
    at Module._load (node:internal/modules/cjs/loader:922:27)
    at Module.require (node:internal/modules/cjs/loader:1143:19)
    at require (node:internal/modules/cjs/helpers:110:18)
    at Object.<anonymous> (/home/tanzeem/vue-quasar-admin-example/node_modules/express/lib/express.js:16:13)
    at Module._compile (node:internal/modules/cjs/loader:1256:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
    at Module.load (node:internal/modules/cjs/loader:1119:32)
    at Module._load (node:internal/modules/cjs/loader:960:12)
    at Module.require (node:internal/modules/cjs/loader:1143:19) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/home/tanzeem/vue-quasar-admin-example/node_modules/express/lib/express.js',
    '/home/tanzeem/vue-quasar-admin-example/node_modules/express/index.js',
    '/home/tanzeem/vue-quasar-admin-example/build/script.dev.js'
  ]
}

Node.js v18.17.0

Cannot read property 'auth' of undefined

Sorry if I missed something on my setup, but I added my firebase settings to "firebaseConfig.js", and I get this error. Everything seems to work well. I can create a new user, and my database stores the user, but I'm not sure why this error persists in the console:

`TypeError: Cannot read property 'auth' of undefined
at Object.eval [as next] (eval at (app.js:2139), :55:53)
at eval (eval at (app.js:1305), :72:26)
at eval (eval at (app.js:1305), :187:25)
at

(anonymous) @ subscribe.js?93ff:193
  Promise resolved (async)  
  sendOne @
  forEachObserver @
  next @
  (anonymous) @
  (anonymous) @
  e.Qa @
  Jd @
  Fd @
  D.Ve @
  cd @
  Promise resolved (async)  
  Yc @
  bd @
  Gd @
  sd @
  (anonymous) @
  (anonymous) @
  (anonymous) @
  qe @
  h.dispatchEvent @
  Me @
  H.yf @
  H.oe @
  XMLHttpRequest.send (async)  
  xhr.send @
  H.send @

`

Layout disappears when navigating back from login route

I noticed that the layout is lost when I hit the back button on the browser from the login page. Just wanted to let you know.

Steps:

  1. Go to '/login-one'
  2. Click back the back button on the browser.

You will notice that the navigation bar and sidebar are no longer present.

Admin example just won't build using Quasar 0.17.23

Going back to an older version is not an option in my case, because I have projects that depend on the current version of Quasar, and it wouldn't be a good idea anyway to write code in a style that's already deprecated.

Output follows:

haitch@lbox:~/proj/vue-quasar-admin-example$ quasar build
app:paths ⚠️ Error. This command must be executed inside a Quasar v0.15+ project folder. +0ms
app:paths For Quasar pre v0.15 projects, npm uninstall -g quasar-cli; npm i -g [email protected] +9ms

haitch@lbox:~/proj/vue-quasar-admin-example$ quasar --version
0.17.23

npm install errors

I could only get npm install to work on the master branch. In other two branches, I get errors.

Any idea how to augment typescript with $http extension on Vue

You apply a very smart approach for extending the generic vue instance with an $http class.

export default (Vue) => {
  Object.defineProperties(Vue.prototype, {
    $http: {
      get () {
        return axiosInstance
      }
    }
  })
}

I'm using typescript and obviously typescript isn't aware of the type augmentation.

Of course I could use is as follows: (this).$http ... , but that's that's not so nice.
Do you have any idea how to augment the typescript definition in such a way this is digested correctly?

CardTodo inputs

Hi,

It seems the display of the input text is at times invisible on an iPhone. I've been able to replicate using the simulator app on OSX too.

I've recorded a video using quicktime and the simulator app.

todocard-input.zip

Thanks.

What is @input.right supposed to do in cardTodo.vue?

Hi,
Very nice sample. Thanks for sharing.
What is @input.right supposed to do in cardTodo.vue?
I don't see how this is triggered?

    <input v-show="!todo.completed" v-model="todo.title" class="fit" @input.right="changeTitle(todo)">

Problema para rodar o projeto

Instalei tudo, mas quando tento rodar o projeto dá o erro abaixo, tem mais alguma configuração pra fazer?

Grato.

$ npm run dev

[email protected] dev E:\desenvolvimento\web\project-admin
node build/script.dev.js

Starting dev server with "mat" theme...
Will listen at http://localhost:8080
Browser will open when build is ready.

events.js:183
throw er; // Unhandled 'error' event
^

Error: listen EADDRINUSE :::8080
at Object._errnoException (util.js:1022:11)
at _exceptionWithHostPort (util.js:1044:20)
at Server.setupListenHandle [as _listen2] (net.js:1351:14)
at listenInCluster (net.js:1392:12)
at Server.listen (net.js:1476:7)
at Function.listen (E:\desenvolvimento\web\project-admin\node_modules\express\lib\application.js:618:24)
at Object. (E:\desenvolvimento\web\project-admin\build\script.dev.js:74:22)
at Module._compile (module.js:643:30)
at Object.Module._extensions..js (module.js:654:10)
at Module.load (module.js:556:32)
at tryModuleLoad (module.js:499:12)
at Function.Module._load (module.js:491:3)
at Function.Module.runMain (module.js:684:10)
at startup (bootstrap_node.js:187:16)
at bootstrap_node.js:608:3
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: node build/script.dev.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

v14

Any plans to upgrade to v0.14?
Warm regards
paul

how to set mobile mode ?

Hi,

I try your application, and u do great job.

but now im stuck how to show mobile mode on the browser like you do.
would you give tutorial link how i can achieve that ?

thnx

oauth2 authentication

good morning, sorry for my horrible english.
i would like to learn vue and quasar, your project it's a very good start point.

i would like to implement to your admin-example the oauth2 authentication. what package do you suggest?

Missing dependency: highlight/lib/vendor/highlight.js/styles/default.css in ./src/main.js

Awesome work @odranoelBR! This is a great example of using the Quasar Framework.

I was just trying to deploy the latest version but looks like you might have something in your local environment that isn't committed?

Here is the error:


 ERROR  Failed to compile with 3 errors                                                                                                                                  4:49:13 PM

This dependency was not found:

* highlight/lib/vendor/highlight.js/styles/default.css in ./src/main.js

To install it, you can run: npm install --save highlight/lib/vendor/highlight.js/styles/default.css


These relative modules were not found:

* ./img/vue-logo.png in ./~/vue-loader/lib/template-compiler.js?{"id":"data-v-167870a8"}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/layout/drawer.vue
* ./img/quasar-logo.png in ./~/vue-loader/lib/template-compiler.js?{"id":"data-v-167870a8"}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/layout/drawer.vue

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.