Support Vue functional components

Description

Guia do colaborador

Pilha de tecnologia

vuejavascript

Domain

frontend

Tipo Issue

feature

DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.

3

Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.

half day

Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.

stale

ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.

clear

Prerequisites

Understanding of Vue functional componentsFamiliarity with styled vue source code

Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.

40

Direção de pesquisa

The issue requests support for Vue functional components. Currently, the implementation uses $options which is only available in stateful components. To add support, you need to modify the library to detect functional components and handle them differently. Look at Vue's documentation on functional components, especially the render function context. Then examine the source files in the styled vue repo, likely in the main index.js or src folder, to understand how styles are applied. Check if there are any existing PRs or discussions for inspiration. Consider using a different mechanism, like injecting a prop or using the component's context, to make styles work without $options.