Hi,

I’m using @quasar/quasar-app-extension-dotenv for loading environment variables during the development from .env file on my localhost.

In the production I’m hosting the project on Netlify and when I set the environment variables in the Netlify dashboard it is undefined during the program run.

My quasar.extensions.json looks like this:

{
  "@quasar/dotenv": {
    "env_development": ".env",
    "env_production": ".env",
    "common_root_object": "none",
    "create_env_files": false,
    "add_env_to_gitignore": false       
  }
}

Any ideas how to load variables from server variables?

Thanks

Ok, makes sense. What do you use for validation? Vuelidate?

I was starting with “pure functions” validation, but I want to validate form with one method call as stated here https://quasar.dev/vue-components/form#Usage which is a problem when I have some fields in child components. There is no easy solution for that, right?

Hi,
I have a form:

<q-form @submit="onSubmit">
  <ValidationProvider
    rules="required"
    v-slot="{ errors, invalid, validated }"
    slim
  >
    <q-input
      filled
      clearable
      v-model="login"
      type="login"
      label="Login"
      :error="invalid && validated"
      :error-message="errors[0]"
    />
  </ValidationProvider>
  <q-btn
    type="submit"
    color="primary"
    class="full-width"
    label="Login"
  />
</q-form>

And the method:

methods: {
  onSubmit() {
    console.log("submitting");
  }
}

And the method onSubmit is never called. If I delete <ValidationProvider> (and :error and :error-message on the field) it is working.
Why? How I’m supposed to be using Vee-validate then?

Thanks