Basic Controller with Service Example

export default class BasicService {
  static getHello() {
    return { greeting: 'Hello world from a service!' };
  }
}
 

import { get, prefix, operation } from 'vovk';
import BasicService from './BasicService.ts';
 
@prefix('basic-with-service')
export default class BasicControllerWithService {
  @operation({
    summary: 'Get a greeting using a service',
    description: 'Get a greeting from the server using a service',
  })
  @get('greeting')
  static getHello() {
    return BasicService.getHello();
  }
}
 

'use client';
import { useState } from 'react';
import { BasicRPCWithService } from '@/client';
import type { VovkReturnType } from 'vovk';
 
export default function BasicExampleWithService() {
  const [serverResponse, setServerResponse] = useState<VovkReturnType<typeof BasicRPCWithService.getHello>>();
 
  return (
    <>
      <button
        onClick={async () => {
          const response = await BasicRPCWithService.getHello();
          setServerResponse(response);
        }}
      >
        Get a Greeting from the Server
      </button>
      <div>{serverResponse?.greeting}</div>
    </>
  );
}