Page ContentTypeEditor Component Vue file Props, how to get page properties

[soljakwinever]

Hello, I'm extending the StandardPage model that comes with Piranha and I'm having difficulty getting my custom property off of my page into the vue component I am creating to edit it. The component loads fine in my browser, I'm able to debug it, it's when I'm trying to retrieve the value of my CustomCss property in the vue component things no longer work.

This is my page model so far

using Piranha.AttributeBuilder;
using Piranha.Models;
using Piranha.Extend;
using Piranha.Extend.Fields;

namespace AaronPortfolio.Models
{
    [PageType(Title = "Standard page")]
    [ContentTypeEditor(Title = "Standard Page", Component = "standard-page", Icon = "fas fas-page")]
    public class StandardPage : Page<StandardPage>
    {
        [Field(Description = "Custom CSS Styling for a specific page", Title= "Custom Page CSS")]
        public TextField CustomCss { get; set; }
    }
}

And I have this as my vue file

Vue.component("standard-page", {
    props: ["model", "content", "type"],
    computed: {
        test: function () {
            console.log(model);
            return true;
        }
    },
    template:
        '<div class="card" v-if="test">' +
        '   <div class="card-header">' +
        '       <label>Custom Page Style</label>' +
        '   </div>' +
        '   <div class="card-body">' +
        '       <textarea v-model="model.customCss.value"></textarea">' +
        '   </div>'+
        '</div>'
});

model, content, and type all come back undefined, but uid and id work. I was wondering if it is possible to get my CustomCss property into this. Maybe I am just adding the wrong thing to my props? I'm not sure what all the options are when it comes to pages, I was trying to figure it out from the source code but haven't been able to figure it out yet.