How to implement typescript code into vue component?

Question

https://github.com/bradmartin/nativescript-texttospeech

texttospeech has documentation written in TS.

How to translate code into ns-VUE?

import { TNSTextToSpeech, SpeakOptions } from 'nativescript-texttospeech';

let TTS = new TNSTextToSpeech();

let speakOptions: SpeakOptions = {
  text: 'hello world',
};

TTS.speak(speakOptions);

I don't want to use typescript, all I need is a button that talks in Nativescript-Vue .

Thanks in advance

Typescript is just a superscript to javascript. If you have native javascript code it will work just the same. Are you getting any errors when building? — Mike Harrison
– Mike Harrison, Commented Nov 15, 2019 at 16:10

Stutje · Accepted Answer · 2019-11-15 16:11:32Z

1

Just remove the type from the speakOptions and remove it from the import:

import { TNSTextToSpeech } from 'nativescript-texttospeech';

let TTS = new TNSTextToSpeech();

let speakOptions = {
  text: 'hello world',
};

TTS.speak(speakOptions);

answered Nov 15, 2019 at 16:11

Stutje

8549 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Cem Kaan · Accepted Answer · 2019-11-15 18:08:08Z

If anyone else is trying to convert TS to vanilla JS please try TypeScript Playground

This was what I was trying to do.


<template>
  <Page>
    <ActionBar title="Welcome" />
    <StackLayout>
      <Label class="message" :text="speakOptions.text" col="0" row="0" />
      <Button text="talk" @tap="talk('welcome')" />
    </StackLayout>
  </Page>
</template>

<script >
import { TNSTextToSpeech } from "nativescript-texttospeech";

let TTS = new TNSTextToSpeech();

export default {
  data() {
    return {
      speakOptions: {
        text: "hello"
      }
    };
  },
  methods: {
    talk: function(message) {
      this.speakOptions.text = message;
      TTS.speak(this.speakOptions);
    }
  }
};
</script>

<style scoped>
</style>

Collectives™ on Stack Overflow

How to implement typescript code into vue component?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related