Hi i just want to know if its possible to register my custom components in quasar.conf.js?
because i want to make my custom component use it globally without importing it in every pages thank you!

e.g.

framework: {
      components: []
}, 
customize: {
   components: [
      'SomeComponents'  // in here you can register your custom component
   ]
}

thank you!

@nothingismagick said in CALL_AND_RETRY_LAST:

NODE_OPTIONS=–max_old_space_size=4096 DEBUG=v8:* npm run dev:pwa

@nothingismagick how to set this code to my package.json… sorry im still new to node js

Hi I just want to know what is this fatal error? while compiling my code? it keeps popping out whenever i get syntax error as shown in the screenshot below:

please help me about this thank you!

whoops! i fixed it thank you!

this what i did

<template slot="body" slot-scope="props" :props="props">
          <q-tr :props="props" class="cursor-pointer" @click.native="$router.push({ path: '/user/trips', query: { tripId: props.row._id } })">

Hi i am trying to add some @click event on every table rows of my data table please help me.
here is what i did:

<template slot="body" slot-scope="props" :props="props" class="cursor-pointer" @click.native="alert('test not working')">
          <q-tr :props="props" >
            <q-td auto-width>
              <q-checkbox color="primary" v-model="props.selected" />
            </q-td>
            <q-td key="vehicle" :props="props">
              <q-checkbox color="primary" v-model="props.expand" checked-icon="remove" unchecked-icon="add" class="q-mr-md" />
              {{ props.row.vehicle.plateNumber }}
            </q-td>
            <q-td key="dispatcher" :props="props">{{ props.row.dispatcher.name }}</q-td>
            <q-td key="client" :props="props">{{ props.row.client.name }}</q-td>
            <q-td key="origin" :props="props">{{ props.row.origin.name +' ( '+ props.row.origin.code + ')' }}</q-td>
            <q-td key="destination" :props="props">{{ props.row.destination.name +' ( '+ props.row.destination.code + ')' }}</q-td>
            <q-td key="created_at" :props="props">{{ props.row.created_at }}</q-td>
          </q-tr>
          <q-tr v-show="props.expand" :props="props">
            <q-td colspan="100%">
              <div class="container">
              </div>
            </q-td>
          </q-tr>
        </template>

thank you in advance!

hi what is wrong with this? i am experiencing this since last night what should i do? thank you!

<--- Last few GCs --->

[15324:000001ABFA8179A0] 19120431 ms: Mark-sweep 1377.1 (1403.6) -> 1377.0 (1403.6) MB, 327.5 / 0.0 ms  allocation failure GC in old space requested
[15324:000001ABFA8179A0] 19120733 ms: Mark-sweep 1377.0 (1403.6) -> 1375.6 (1399.3) MB, 302.2 / 0.1 ms  last resort GC in old space requested
[15324:000001ABFA8179A0] 19121049 ms: Mark-sweep 1375.6 (1399.3) -> 1375.6 (1399.3) MB, 315.5 / 0.0 ms  last resort GC in old space requested


<--- JS stacktrace --->

==== JS stack trace =========================================

Security context: 00000298479A57C1 <JSObject>
    1: fromString(aka fromString) [buffer.js:~298] [pc=000003A332D8DEBF](this=000002FD6C8822D1 <undefined>,string=000000AF704238E1 <Very long string[5510569]>,encoding=00000298479B4EB1 <String[4]: utf8>)
    2: from [buffer.js:177] [bytecode=000003DA009E2C61 offset=11](this=0000001A9BD362D9 <JSFunction Buffer (sfi = 00000298479FB6C9)>,value=000000AF704238E1 <Very long string[5510569]>,encoding...

FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
 1: node_module_register
 2: v8::internal::FatalProcessOutOfMemory
 3: v8::internal::FatalProcessOutOfMemory
 4: v8::internal::Factory::NewRawTwoByteString
 5: v8::internal::Smi::SmiPrint
 6: v8::internal::StackGuard::HandleInterrupts
 7: v8::String::WriteUtf8
 8: v8_inspector::V8InspectorClient::currentTimeMS
 9: node::Buffer::New
10: node::Buffer::New
11: 000003A331FE9146

Hi guys, i have this row which has many columns and what i want to achieve is… the first two column will reorder if i resize my browser or into any small screen like:

from big screen it will be like:

 <div class="row">
  <div class="col-sm-6">first</div>
  <div class="col-sm-6">second</div>
  <div class="col-sm-6">third</div>
  <div class="col-sm-6">fourth</div>
  <div class="col-sm-6">fifth</div>
</div>

but then in smaller screen:

<div class="row">
<div class="col-sm-6">second</div>
  <div class="col-sm-6">first</div>
  <div class="col-sm-6">third</div>
  <div class="col-sm-6">fourth</div>
  <div class="col-sm-6">fifth</div>
</div>

in bootstrap, there is a class like push and pull for columns? do we have something like that… thank you!

Hi @rstoenescu thank you! i picked the first scenario

Hi guys, newbie here i need some help on how to import lodash and use it globally?

I followed the instructions on how to install some package as plugins but I think I’m missing something.

here is my code:

//plugins>lodash.js


// here I import the lodash and use it on Vue

import lodash from 'lodash'
// leave the export, even if you don't use it
export default ({ app, router, Vue }) => {
  Vue.use(lodash)
}

but then when i tested out some examples of lodash( like _.chunk(['a', 'b', 'c', 'd'], 2)) to my VUE file ,it says, …error ‘_’ is not defined to my cli

it fails me… please help me thank you!