Question: I am trying to learn CSS and as part of it I am trying to recreate the menu on 
news.ycombinator.com without looking at how it is organized on the actually page.

Here is my css

```
body{
margin:0; 
}

#outerdiv {
height:100%;
border-left: 2px solid #fcfaf4;
border-right: 2px solid #fcfaf4;
background:#fcfaf4;
position: relative;
left: 15%;
width:70%;
}

#menudiv{
background-color: rgb(255, 102, 0);
height:4%;
width:100%;
white-space:nowrap;
}

#ycimage{
border: 1px solid white;
width="18";
height="18";
padding:1px;
position: relative;
left:2px;
top:2px;
margin:2px;
}

p{
    white-space:nowrap;
}

```

My html

```
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="outerdiv">
    <div id ="menudiv">
        <img src="y18.gif" id="ycimage" >
            <p> 
                <b id="companyname" >Hacker News </b>
                |
                new
                |
                comments
                |
                show
            </p>
    </div>

</div>

</body>

```

I have tried to define nowrap property on  element inside div "menudiv"
HOwever, the word Hacker News appears on the new line, after the image. How can I keep it on the same line?

Answer: 
You are getting this error because `eventHub` is actually not defined where you are using it. You have to export this from **app.js** and import in **TodoAdd.vue**.

in app.js: 

```
var eventHub = new Vue()
exports.eventHub = eventHub

```

Add this code in TodoAdd.vue:

```
<script>
import eventHub from '/path/of/app'
export default {
    template: '#todos-list-template',

```

This should make `eventHub` availble in `TodoAdd.vue`.

---

Edited
------

As the comment suggests, you may consider using [vuex](https://vuex.vuejs.org/en/intro.html), as you have data whcih is being used across components, and going forward I see chances of getting it more complex, more event handlers and event listerners, which can quickly become a nightmare to manage.
```
var eventHub = new Vue()

```

You are getting this error because eventHub is actually not defined where you are using it. You have to export this from app.js file. Use this one 

```
window.eventHub = new Vue()

```