Component does not generate css or javascript

[em1le]

Good afternoon,

Firstly i want to thank the contributors for this great library.

Secondly, following is my issue :

I have declared an anchor component as follow.

@component.register("anchor")
class Anchor(component.Component):
    def get_context_data(self, content: str) -> Dict[str, Any]:
        return {
            "content": content,
        }

    template = """
        <a class="anchor-component" href="#">{{ content }}</span></a>
    """

    css = """
        .anchor-component { background: pink; }
    """

    js = """
        (function(){
            if (document.querySelector(".anchor-component")) {
                document.querySelector(".anchor-component").onclick = function(){ alert("Clicked anchor!"); };
            }
        })()
    """

I load it in my template as follow (i have set component_tags in templates builtin).

{%.extends 'base.html' %}

{%.block main %}
{% component "anchor" content="Login" %}
{%.endblock %}

Now when my page is loaded, the style and javascript are not present.

What did i miss ?

Thanks in advance.

[EmilStenstrom]

Here's a full example of what you need to do to add a new component: https://github.com/EmilStenstrom/django-components?tab=readme-ov-file#use-the-component-in-a-template - Does it make sense?

[em1le]

Thanks for your feedback.

[em1le]

Basically i forgot to add the directory in my STATICFILES_DIRS