@karnjeet https://codepen.io/metalsadman/pen/ZgKexK

Oct. 2020 update: added complex example with updating of values.

@rubs here, also fixed some quirks when q-page-container is adding padding left same as q-splitter’s left width https://codepen.io/metalsadman/pen/YzPgKML

awesome, thx for your hardwork.

@PeterQF Its just a placeholder … means insert your code or whatever there, in this case an array of string paths ie paths : ['somepath']. https://github.com/robinvdvleuten/vuex-persistedstate/blob/master/README.md

@venkyvb
Try something like this.

 <q-table
    :data="tableData"
    :columns="columns"
    row-key="name"
    :rows-per-page-options="[0]" 
    :pagination.sync="pagination"
    hide-header
    hide-bottom
  />

data () {
  return {
    pagination: {
         page: 1,    
         rowsPerPage: 0 // 0 means all rows    
     }
}

@patryckx check my sandbox currency formatter, you can replace the characters for ., prolly tweak the regular expression too. Its at src/components/base… https://codesandbox.io/s/0ybb3 sry cant check atm in mobile. mosuforge also has one using https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat

you could’ve just un-commented the line.
export default function (/* { store, ssrContext } */) {
to
export default function ({ store }) {
also comment the line
import store from '../store'
since like doing it with quasar plugins, the store is also accessible in router/index.js.

@jvmonjo can be achieved tho https://codepen.io/metalsadman/pen/YbXEjJ.

@jacklin10 be sure that you passed the store as an arg at your router/index.js’s export default function to access the store You don’t need to import your store.
Like I stated on my older reply in this thread https://forum.quasar-framework.org/topic/2825/store-is-no-longer-accessible-in-router/6… which is just above your post.
ie.

export default function({ store }) { // <<<<<<-- this is what you're looking for
  const Router = new VueRouter({
    scrollBehavior: () => ({ x: 0, y: 0 }),
    routes,
    mode: process.env.VUE_ROUTER_MODE,
    base: process.env.VUE_ROUTER_BASE
  })

  Router.beforeEach((to, from, next) => {
      ...
      console.log('LoggedIn: ', store.getters['auth/loggedIn'])
      ....
  })

  return Router
}

@bdaviddee you can expose your store instance at src/store/index.js
something like:

import Vue from 'vue'
import Vuex from 'vuex'

import example from './module-example'

Vue.use(Vuex)

/*
 * If not building with SSR mode, you can
 * directly export the Store instantiation
 */
let store = null
export default function (/* { ssrContext } */) {
  const Store = new Vuex.Store({
    modules: {
      example
    }
  })
  store = Store
  return Store
}

export { store }

//some js file
import { store } from '.../store'
somefunction()..
  store....

is that a mixin you’re trying to make? i see a created there. like i said if it’s a vue file, then you can just do what i suggested on my last comment.

@DranrebTheGreat import it import { date } from 'quasar'. https://quasar.dev/quasar-utils/date-utils#Format-for-display

@DranrebTheGreat yep https://quasar.dev/vue-components/date#Limiting-options.

optionsFn(d) {
  return d >= date.formatDate(Date.now(), 'YYYY/MM/DD')
}

@Hawkeye64 are the events passed thru? And maybe add method so devs can control when to activate the animation.

@dobbel that’s the motivation yep.

@yhu420 you need to point the path to src-capacitor/node_modules, using the app alias, try this import app/src-capacitor/node_modules/@codetrix-studio/capacitor-google-auth.

@kelvionald yes https://quasar.dev/style/color-palette#Adding-Your-Own-Colors

@jplozano this is planned for quasar v3 not v2, since it will bring major breaking change.

@dobbel he meant the empty space to the right of the datepicker, but yeah like i asked him in discord, @swiftharbour should provide a codepen.

@cynderkromi do it in a boot file, this example should help you get an idea https://quasar.dev/quasar-cli/boot-files#Accessing-data-from-boot-files.

@mordvash change the format to YYYY/MM/DD.