transformed weather component to directive