abarthdew / highcharts-gpt-chatbot

👽Highcharts using gpt chatbot📈📊

hightcharts-gpt-chatbot

how to service

• Communication via src/services/openai.js, list output

const run = async () => {
  data.loads = true;
  const client = createClient(data.key);
  try {
    data.generatedMessages.push(new Message(ROLE_USER, data.userMessage));
    data.userMessage = '';
    const result = await createCompletion(client)({
      messages: generatedMessages.value,
    });
    const { choices } = result.data;
    const [choice] = choices;
    const { message } = choice;
    data.generatedMessages.push(new Message(ROLE_ASSISTANT, message.content));
    await new Promise((resolve) => setTimeout(resolve, data.delaySeconds * 100));
    data.loads = false;
  } catch (err) {
    data.error = err?.response?.data?.error?.message || err.message;
    data.loads = false;
  }
};

insatll

• highcharts

refer 1 , 2 , 3

$ npm i --save vue3-highcharts
$ npm install -S highcharts # when you get error - refer the git issue #1

• markdown render

refer 1 , 2

$ npm install vue3-markdown-it

• vuex

refer 1

$ npm install vuex

run

$ npm install
$ npm run dev

build

$ npm run build # making dist/ folder in Vue project -> git push

References

• vue3 global settings | global variable | vuex | setup

refer 1 , 2

• global component/dynamic component

refer 1 , 2 , 3

• vue3 vuex

refer 1 ,2 ,3 ,4 ,5 ,6 ,7

• gpt

refer 1 , 2 , 3 , 4 , 5 , 6 , 7 , 8 , 9 , 10

• regex

refer 1

• git status

refer 1 , 2

• git actions & deploy

refer 1 , 2 , 3