Vue.js - komponent nie wykrywa "propsa"

Siema.

Mam taki komponent:

Vue.component("workspace-tile", 
        {   

            props:
            {
                name: String,
                selected: false
            },

            methods:
            {
                changeStatus(){
                    this.selected = !this.selected;
                },
            },

            delimiters: ['[[', ']]'],    
            template: '<div class="workspace-tile" @click="changeStatus">\
                           <p>[[ name ]]</p>\
                       </div>'
        });

Chciałbym aby po kliknięciu w niego, została dodana do niego klasa css:

<workspace-tile name="{{ deployment.metadata.name }}" :class="{'workspace-tile-selected': selected}"></workspace-tile>

niestety otrzymuję błąd: "ReferenceError: selected is not defined"

Dlaczego ten props jest "niewidzialny"?
Męczę się z tym już ładnych parę godzin, proszę o pomoc : D

Przekazujesz do tego komponentu selected, o którym nic nie wiemy. Czym jest ta wartość w miejscu, w którym renderujesz ten komponent?

@masochista: no to jest zadeklarowane w komponencie, wstawiłem kod w pierwszym poście.

props:
            {
                name: String,
                selected: false
            },