sankita15

package com.example.backend.controller;

import org.springframework.web.bind.annotation.*;

@RestController
@RequestMapping("/api")
public class InvitationController {
    
    @PostMapping("/invite/{name}")
    public String getConfirmationMessage(@PathVariable String name){

sankita15

import React from "react";
import GuestInvitation from './component/GuestInvitation'
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";

const App = () => (
    <Router>
        <Switch>
            <Route exact path="/invite">
                <GuestInvitation />
            </Route>

sankita15

import React from "react";


export default class GuestInvitation extends React.Component {
    constructor(props){
        super(props);

        this.state = {
            name: '',
            message: ''

sankita15

node {
    version = '12.12.0'

    yarnVersion = '1.15.2'

    download = false

    yarnWorkDir = file("${project.buildDir}/yarn")

    nodeModulesDir = file("${project.projectDir}/../frontend")

sankita15

<template>
  <Child1 v-model:firstDropdownValue="firstDropdownValue" 
          v-model:secondDropdownValue="secondDropdownValue"/>
  <Child2 />
  <Child3 />
</template>

<script>
export default {
  data() {

sankita15

<template>
  <!--    Dropdown 1-->
  <div class="dropdown-container">
    <div class="dropdown-title-container">
      <label data-test="dropdown-title">Fruits</label>
    </div>
    <DropdownContainer :model-value="this.firstDropdownValue"
              :options="this.firstDropdownOptions"
              placeholder="Please select a fruit" @update:model-value="(event) =>
          updateFirstDropdownValueAndLoadSecondDropdownOptions(event)">

sankita15

<template>
	<Child v-model="this.fruits" />
</template>

<script>
export default {
  data() {
return {
		fruits1: []
	}

sankita15

<template>
	<Child v-model="this.fruits" />
</template>

<script>
export default {
  data() {
return {
		fruits: []
	}

sankita15

<template>
  <div>{{this.modelValue}}</div>
</template>

<script>
export default {
  props: {
    modelValue: Array
  }
}

sankita15

methods: {
  loadSecondDropdownOptions() {
    this.secondDropdownValue = "";
    this.secondDropdownOptions = this.response.fruits.find(fruit => fruit.name === this.firstDropdownValue)?.weights;
  }
}