My Category page contains bellow code, but when i am opening category page it shows all other caregory content not specific to that category.

title = "Blog Category"
url = "/blog/category/:slug/:page?"
layout = "default"
is_hidden = 0
robot_index = "index"
robot_follow = "follow"

[blogCategories]
slug = "{{ :slug }}"
displayEmpty = 0
categoryPage = "blog/category"

[blogPosts]
pageNumber = "{{ :page }}"
categoryFilter = ":slug"
postsPerPage = 10
noPostsMessage = "No posts found"
sortOrder = "published_at desc"
categoryPage = "blog/category"
postPage = "blog/post"
==
<?php
function onEnd()
{
    // Optional - set the page title to the category name
    if ($this->category)
        $this->page->title = $this->category->name;
}

?>
==
<link href="{{ 'assets/css/about.css'|theme }}" rel="stylesheet" type="text/css">
<div class="container about">
    <div class="row">
        <div class="col-sm-9">
{% component 'blogPosts' %}
            <div class="clearfix"></div>
        </div>
        <div class="col-sm-3">

            {% partial 'blog/sidebar' %}

        </div>
    </div>
</div>

Resolved it changed from categoryFilter = ":slug" to categoryFilter = "{{ :slug }}"