Off topic - vuejs and vuetify - how to use v-on

[Bruce Mcpherson]

This is quite off topic, but a few of you have been telling me that you are using vuejs for your client side htmlservice apps. If you are, here's a write up on how to use v-on and component activation slots if you are interested. 

There's also (coincidentally) a few things about destructuring in there that would be of interest for those moving to V8.

https://ramblings.mcpher.com/vuejs-firebase-kubernetes-cockroachdb-google-cloud-platform-and-apollo-graphql/vuejs/vuejs-and-vuetify-what-does-v-on-mean/

[Faustino Rodriguez]

Thanks Bruce for sharing

I now feel more comfortable on my Vue-path knowing you are also on it

I started to use Vue+Vuetify last year for any new project and planning to migrate others when an upgrade is required

That combination (Vue+Vuetify) have anything I had used before plus most of what I have missed in other libraries

[Bruce Mcpherson]

Great stuff. Are you also using graphql (vue-apollo)?

--
You received this message because you are subscribed to the Google Groups "Google Apps Script Community" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-apps-script-c...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-apps-script-community/e15124de-fefa-40c0-85f3-598372f943df%40googlegroups.com.

[Faustino Rodriguez]

Indeed

Not there yet, I don't know what is graphql and what is used for ...

[Alex]

[Offtop of the offtop]

I saw several mentions about Vue and etc. on the forum. But I didn't see any info about UI construction.

I use non-bundle assembly on the local side. I'm based on HtmlService templates for templating and prototyping. Something like this. It works perfectly.

• And I wonder how you build your projects for add-ons?
• Do you use css preprocessors for builds?
• Bundles (Webpack, Parcel)?

Best, Alex.

[Bruce Mcpherson]

Graphql is query language, so you can use it independent of the databases it resolves to (indeed you can combine a whole selection of back end databases). It goes perfectly with reactive frameworks such as vue and react. 

--

You received this message because you are subscribed to the Google Groups "Google Apps Script Community" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-apps-script-c...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/google-apps-script-community/50e6e78c-2315-4993-a229-30f95e2bfc3c%40googlegroups.com.

[Bruce Mcpherson]

Hi Alex

Most of my Vue work is not Apps Script related, so I'm using vie-cli for building. With Apps script, the method you are using is probably best. I'd recommend  using a material component framework with it like vuetify though, as it takes care of css for you. No need for bootstrap or jquery or those kind of things i see you have in the project you shared.

bruce

--

You received this message because you are subscribed to the Google Groups "Google Apps Script Community" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-apps-script-c...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/google-apps-script-community/f58af710-4915-4591-8e4f-35f71a43b085%40googlegroups.com.

[Alex]

Thanks Bruce!

I'll update my sample with my the last flow after adding vuetify.

[Bruce Mcpherson]

btw - quasar is less complicated than vuetify, and seems to have more components. I haven't tried it as I already committed to vuetify, but if i was starting again, I'd probably look at it too.

--

You received this message because you are subscribed to the Google Groups "Google Apps Script Community" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-apps-script-c...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/google-apps-script-community/3d9cdb85-fb4a-4f7c-8ef4-8ba517b0b356%40googlegroups.com.

[Alan Wells]

I took a look at quasar.  Looks interesting.  Thanks for the suggestion.

On Monday, March 16, 2020 at 6:35:48 AM UTC-4, Bruce Mcpherson wrote:

btw - quasar is less complicated than vuetify, and seems to have more components. I haven't tried it as I already committed to vuetify, but if i was starting again, I'd probably look at it too.

On Mon, 16 Mar 2020 at 09:21, Alex <oshli...@gmail.com> wrote:

Thanks Bruce!

I'll update my sample with my the last flow after adding vuetify.

On Friday, March 13, 2020 at 12:20:09 PM UTC+3, Bruce Mcpherson wrote:

Hi Alex

Most of my Vue work is not Apps Script related, so I'm using vie-cli for building. With Apps script, the method you are using is probably best. I'd recommend  using a material component framework with it like vuetify though, as it takes care of css for you. No need for bootstrap or jquery or those kind of things i see you have in the project you shared.

bruce

--
You received this message because you are subscribed to the Google Groups "Google Apps Script Community" group.

To unsubscribe from this group and stop receiving emails from it, send an email to google-apps-script-community+unsub...@googlegroups.com.

[João Soares]

Hi, Alex! I've looked in a fair bit to the code you linked here, but when I try to adapt it into mine, It always fails because of the "window.Vue.use" function specified in the router CDN. I am trying to make it work inside a dialog, opened with "DocumentApp.getUi().showModalDialog()", but I keep getting that error. I'm just wondering if this error is specific to dialogs, since the whole window is not used, and thus failing to execute that operation, or if it's something else on my end.

[Bruce Mcpherson]

There's a complete appsscript/Vue/Vuex/Vuetify template app here

https://ramblings.mcpher.com/vuejs-apps-script-add-ons/

https://github.com/brucemcpherson/bmVuetemplate

--

You received this message because you are subscribed to the Google Groups "Google Apps Script Community" group.

To unsubscribe from this group and stop receiving emails from it, send an email to google-apps-script-c...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-apps-script-community/eec4ade7-0dc5-4d2b-b8dd-82b87e4024b1o%40googlegroups.com.

[Bruce Mcpherson]

Hey Alex

You've been busy!

On Mon, 16 Mar 2020 at 09:21, Alex <oshli...@gmail.com> wrote:

--

You received this message because you are subscribed to the Google Groups "Google Apps Script Community" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-apps-script-c...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/google-apps-script-community/3d9cdb85-fb4a-4f7c-8ef4-8ba517b0b356%40googlegroups.com.