<template component>
  <style>
    #container {
      color: data(tColor);
    }

    @media screen and (min-width: data(tWidth + "px")) {
      #container {
        width: data(tWidth);
        font-size: data(tSize + "px");
      }
    }
  </style>
  <x-if :value="tWeight > 800">
    <style>
      #container {
        font-weight: data(tWeight);
      }
    </style>
  </x-if>

  <div id="container">count:{{count}}</div>
  <div>
    <button on:click="tWeight = 600">weight:600</button>
    <button on:click=